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内 容 简 介 


本 书 分 为 “动态 网 站 基础 知识 、 案 例 开 发 实战 、 网 站 营销 推广 ”三 篇 ， 通 过 案例 ， 深 入 浅 出 地 讲解 以 
Dreamweaver + PHP + MySQL 开发 动态 网 站 的 各 项 技术 及 实战 技能 ， 引 导 零 基础 的 读者 深入 学 习 。 

本 书 第 1 篇 “动态 网 站 基础 知识 ”主要 讲解 动态 网 站 开发 基础 、 认 识 Dreamweaver CS6、 网 页 开发 语言 
础 、 构 建 动 态 网 站 后 台数 据 库 等 ; 第 2 篇 “案例 开发 实战 ”主要 讲解 开发 信息 资讯 管理 系统 、 开 发 网 站 会 员 系 
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关 行 业 的 工作 , 无 论 您 是 否 接触 过 Dreamweaver + PHP + MySQL,， 通过 学 习 本 书 , 均 可 快速 掌握 Dreamweaver 
+PHP + MySQL 开发 动态 网 站 的 方法 和 技巧 。 
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前 言 


“网 站 开发 案例 课堂 ”系列 图 书 是 专门 为 网 站 开发 和 数据 库 初学 者 量 身 定做 的 一 套 学 习 
用 书 ， 由 刘 玉 红 策划 、 千 谷 网 络 科技 实 训 中 心 的 高 级 讲师 编著 。 整 套 书 涵 盖 网 站 开发 、 数 据 
库 设计 等 方面 。 本 系列 图 书 具有 以 下 特点 。 

前 沿 科技 

无 论 是 网 站 建设 、 数 据 库 设计 还 是 HTML 5、CSS 3， 我 们 都 精 选 较为 前 沿 或 者 用 户 群 最 
大 的 领域 推进 ， 帮 助 读者 认识 和 了 解 最 新 动态 。 

权威 的 作者 团队 

组 织 国家 重点 实验 室 和 资深 应 用 专家 联手 编著 该 套图 书 ， 融 合 丰 富 的 教学 经 验 与 优秀 的 
管理 理念 。 

学 习 型 案例 设计 

以 技术 的 实际 应 用 过 程 为 主线 ， 全 程 采用 图 解 与 同步 多 媒体 结合 的 教学 方式 ， 生 动 、 直 
观 、 全 面 地 剖析 使 用 过 程 中 的 各 种 应 用 技能 ， 降 低 难 度 ， 提 升学 习 效率 。 


为 什么 要 写 这 样 一 本 书 

随 着 网 络 的 发 展 ， 很 多 企 事业 单位 和 广大 网 民 对 于 建立 网 站 的 需求 越 来 越 强烈 。 另 外 ， 
对 于 大 中 专 院 校 ， 很 多 学 生 需 要 做 网 站 毕业 设计 ， 但 是 ， 这 些 读者 又 不 懂 网 页 代码 程序 ， 不 
知道 从 哪里 下 手 。 

为 此 ， 本 书 针对 这 样 的 零 基 础 读者 ， 带 领 读者 学 习 Dreamweaver + PHP + MySQL 开发 动 
态 网 站 的 全 面 知识 ， 对 读者 在 动态 网 站 开发 中 遇 到 的 技术 ， 本 书 基本 上 都 有 详细 的 讲解 。 

通过 本 书 的 实 训 ， 读 者 可 以 很 快 地 上 手 设计 网 页 和 开发 动态 网 站 ， 提 高 职业 能 力 ， 帮 助 
公司 解决 实际 问题 。 


本 书 特色 


1. 零 基 础 、 入 门 级 的 讲解 


无 论 您 是 否 从 事 过 计算 机 相关 行业 的 工作 ， 无 论 您 是 否 接触 过 Dreamweaver 和 动态 网 站 
开发 ， 都 能 从 本 书 中 找到 最 佳 起 点 。 


2. 超 多 实用 、 专 业 的 范例 和 项 目 


本 书 在 编排 上 ， 严 格 遵循 深入 学 习 以 Dreamweaver 开发 动态 网 站 技术 的 先后 过 程 ， 从 
Dreamweaver + PHP + MySQL 的 基本 概念 讲 起 ， 带 领 读 者 逐步 学 习 各 种 应 用 技巧 ， 侧重 实战 


Dreamweaver+PHP+MySQL 动 态 网 站 开发 
案例 课堂 由 一 
技能 ， 使 用 简单 易 懂 的 实际 案例 进行 分 析 并 指导 操作 ， 让 读者 读 起 来 简明 、 轻 松 ， 操 作 起 来 
有 章 可 循 。 
3. 随时 检测 自己 的 学 习 成 果 
在 每 章 的 首页 中 ， 均 提供 了 学 习 目 标 ， 以 指导 读者 重点 学 习 及 进行 学 后 检查 。 
4. 细致 入 微 、 贴 心 提示 


本 书 在 讲解 的 过 程 中 ， 各 章 均 使 用 了 “注意 ”、“ 提 示 ”、“ 技 巧 ” 等 小 栏目 ， 让 读者 
在 学 习 的 过 程 中 能 够 更 加 清楚 地 了 解 相关 的 操作 ， 理 解 相关 的 概念 ， 并 能 够 轻松 地 掌握 各 种 
操作 技巧 。 
5. 专业 创作 团队 和 技术 支持 
本 书 由 千 谷 网 络 科技 实 训 中 心 提 供 技术 支持 。 
您 在 学 习 的 过 程 中 如 果 遇 到 任何 问题 ， 可 加 入 QQ 群 221376441 进行 提问 ， 专 家 及 专业 
人 员 将 会 在 线 答疑 。 


“Dreamweaver + PHP + MySQL 开发 动态 网 站 ”学 习 最 佳 途径 


本 书 以 学 习 “Dreamweaver + PHP + MySQL 开发 动态 网 站 ”的 最 佳 流 程 来 安排 各 章节 ， 
从 最 初 的 Dreamweaver 基本 操作 开始 讲解 ， 然 后 讲解 了 动态 开发 语言 基础 、 数 据 库 后 台 构 建 
方法 、 网 站 营销 推广 等 。 同 时 ， 在 诸多 大 型 案例 开发 中 ， 展 示 了 动态 网 站 开发 中 的 常用 技 
术 ， 以 便 更 进一步 地 提高 读者 的 实战 技能 。 


构建 动态 网 站 


认识 定义 网 站 和 使 
Dream 汪 Cs6 | | 因 要 亚当 | | 的 运行 环境 


用 MySQL 数 据 库 


了 


动态 网 
开发 基础 | 


竹 向 网 络 投 票 系统 | 基 BBS 论 坛 系统 


第 3 篇 ”网站 营销 推广 网 站 搜索 引擎 优化 “SE0) | 一 pp| 网 站 推广 与 营销 策略 


超 值 光盘 


1. 全 程 同步 教学 录像 

教学 录像 涵盖 本 书 所 有 知识 点 ， 详 细 讲 解 每 个 实例 及 项 目的 实现 过 程 及 技术 关键 点 。 能 
比 看 书 更 轻松 地 掌握 书 中 所 有 的 Dreamweaver + PHP + MySQL 开发 动态 网 站 的 知识 ， 而 且 扩 
展 的 讲解 部 分 将 会 使 读者 得 到 比 书 中 更 多 的 知识 。 


2. 超 多 容量 王牌 资源 大 放送 


赠送 大 量 王 牌 资 源 ， 包 括 本 书 实例 素材 和 结果 文件 、 教 学 幻灯 片 、 本 书 精 品 教学 视频 、 
经 典 PHP 代码 大 集合 、 八 大 经 典 PHP 动态 网 站 的 完整 源码 、12 个 经 典 的 PHP 扩展 插件 、 网 
页 样式 与 布局 案例 赏析 、Dreamweaver CS6 的 快捷 键 和 技巧 、HTML 标签 速 查 表 和 精彩 网 站 
配色 方案 赏析 等 。 


读者 对 象 


本 书 适合 下 列 人 员 阅 读 学 习 和 参考 使 用 : 

@ ”没有 任何 Dreamweaver + PHP + MySQL 基础 的 初学 者 。 

有 一 定 的 Dreamweaver 基础 ， 想 精通 动态 网 站 开发 的 人 员 。 
有 一 定 的 动态 网 站 开发 基础 ， 没 有 项 目 经 验 的 人 员 。 

正在 进行 毕业 设计 的 学 生 。 

大 专 院 校 及 培训 学 校 的 教师 和 学 生 。 


创作 团队 


本 书 由 刘 玉 红 策划 、 千 谷 网 络 科技 实 训 中 心 高 级 讲师 编著 。 参 加 编写 的 人 员 有 蒲 娟 、 周 
佳 、 付 红 、 李 园 、 刘 玉 萍 、 王 攀登 、 郭 广 新 、 侯 永 岗 、 刘 海松 、 孙 若 淞 、 王 月 娇 、 包 慧 利 、 
陈 伟 光 、 胡 同 夫 、 梁 云 梁 和 周 浩 浩 。 

在 编写 的 过 程 中 ， 我 们 竭尽 所 能 地 将 最 好 的 讲解 呈现 给 读者 ， 但 是 ， 也 难免 会 有 疏漏 和 
不 妥 之 处 ， 敬 请 读者 不 音 指 正 。 若 您 在 学 习 中 遇 到 困难 或 有 疑问 ， 或 有 任何 建议 ， 可 写 信 至 
如 下 邮箱 : 357975357@qq.com。 
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构建 动态 网 站 的 运行 环境 
定义 动态 网 站 与 使 用 MySQL 数据 库 


利用 数据 库 实 现 网 络 应 用 的 程 


已 经 深入 到 人 们 工作 和 生活 的 各 个 方面 。 借 助 


随 着 信息 技术 的 迅猛 发 展 ， 网 络 
于 互联 网 ， 可 以 查阅 资料 ， 进 行 网 上 学 习 、 网 上 娱乐 、 网 上 购物 等 活动 ， 这 些 者 需 


要 通过 网 络 中 服务 器 强大 的 后 台数 据 库 功能 来 实现 。 


序 系统 ， 就 是 动态 数据 库 网 站 。 
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案例 课堂 »~ 


1.1 认识 网 页 和 网 站 


在 创建 网 站 之 前 ， 首 先 需要 认识 什么 是 网 页 、 什 么 是 网 站 ， 以 及 网 站 的 种 类 与 特点 。 本 
节 就 来 认识 一 下 网 页 和 网 站 ， 了 解 它 们 的 相关 概念 。 


1.1.1 什么 是 网 页 


网 页 是 Internet 中 最 基本 的 信息 单位 ， 是 把 文字 、 图 形 、 声 音 及 动画 等 各 种 多 媒体 信息 相 


互 链接 起 来 而 构成 的 一 种 信息 表达 方式 。 

通常 情况 下 ， 网 页 中 有 文字 和 图 像 等 基本 信息 ， 有 些 网 页 中 还 有 声音 、 动 画 和 视频 等 多 
媒体 内 容 。 

网 页 一 般 由 站 标 、 导 航 栏 、 广 告 栏 、 信 息 区 和 版 权 区 等 部 分 组 成 ， 如 图 1-1 所 示 。 

在 访问 一 个 网 站 时 ， 首 先 看 到 的 网 页 一 般 称 为 该 网 站 的 首页 。 有 些 网 站 的 首页 具有 欢迎 
访问 者 的 作用 。 

首页 只 是 网 站 的 开场 页 ， 单 击 页 面 上 的 文字 或 图 片 链接 ， 即 可 打开 网 站 主页 ， 如 图 1-2 
所 示 ， 而 首页 也 随 之 关闭 。 
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图 1-1 网 站 的 网 页 图 1-2 网 站 的 主页 

网 站 主页 与 首页 的 区 别 在 于 : 主页 设 有 网 站 的 导航 栏 ， 是 所 有 网 页 的 链接 中 心 。 但 多 数 
网 站 的 首页 与 主页 通常 合 为 一 个 页 面 ， 即 省 略 了 首页 ， 而 直接 显示 主页 ， 在 这 种 情况 下 ， 它 
们 指 的 是 同一 个 页 面 ， 如 图 1-3 所 示 。 


1.1.2 ”什么 是 网 站 
网 站 就 是 在 Internet 上 通过 超级 链接 的 形式 构成 的 相关 网 页 的 集合 。 
简单 地 说 ， 网 站 是 一 种 通信 工具 ， 人 们 可 以 通过 网 页 浏览 器 来 访问 网 站 ， 获 取 自 己 需 要 


的 资源 ， 或 享受 网 络 提供 的 服务 。 
例如 ， 可 以 通过 淘宝 网 网 站 查找 自己 需要 的 信息 ， 如 图 1-4 所 示 。 
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图 1-3 新 浪 网 站 的 首页 图 1-4 淘宝 网 网 站 


1.1.3 网 站 的 种 类 和 特点 

按照 内 容 和 形式 的 不 同 ， 网 站 可 以 分 为 门户 网 站 、 职 能 网 站 、 专 业 网 站 和 个 人 网 站 。 

1. 门户 网 站 

门户 网 站 是 指 涉及 领域 非常 广泛 的 综合 性 网 站 ， 如 国内 著名 的 三 大 门户 网 站 : 网 易 、 搜 
狐 和 新 浪 。 如 图 1-5 所 示 为 网 易 网 站 的 首页 。 

2. 职能 网 站 

职能 网 站 是 指 一 些 公司 为 展示 其 产品 或 对 其 所 提供 的 售后 服务 进行 说 明 而 建立 的 网 站 。 
如 图 1-6 所 示 为 联想 集团 的 中 文官 方 网 站 。 
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图 1-5 门户 网 站 (网 易 网 站 的 首页 ) 图 1-6 ”职能 网 站 (联想 集团 的 中 文官 方 网 站 ) 


3. 专业 网 站 

专业 网 站 指 的 是 专门 以 某 个 主题 为 内 容 而 建立 的 网 站 ， 这 种 网 站 都 是 以 某 一 题材 作为 网 
站 内 容 的 。 如 图 1-7 所 示 为 赶集 网 网 站 ， 该 网 站 主要 为 用 户 提 供 租房 、 二 手 货 交 易 等 同城 相 
关 的 服务 。 
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4. 个 人 网 站 

个 人 网 站 是 由 个 人 开发 建立 的 网 站 ， 在 内 容 和 形式 上 具有 很 强 的 个 性 化 特征 ， 通 常用 来 
宣传 自己 或 展示 个 人 的 兴趣 爱好 。 如 现在 比较 流行 的 淘宝 网 ， 在 淘宝 网 上 注册 一 个 账户 ， 
家 自己 的 小 店 ， 在 一 定 程度 上 就 宣传 和 展示 了 个 人 兴趣 及 爱好 ， 如 图 1-8 所 示 。 
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图 1-7 专业 网 站 (赶集 网 网 站 ) 图 1-8 个 人 网 站 (淘宝 网 上 的 个 人 小 店 ) 


1.2 网 页 的 静态 与 动态 


目前 网 络 传递 信息 的 媒体 中 ， 有 一 半 以 上 是 通过 网 页 的 显示 来 达成 的 。 有 许多 网 站 提供 
的 信息 是 以 静态 的 方式 来 完成 的 ， 即 所 有 的 主页 内 容 都 固定 不 变 ， 更 新 只 能 靠 站 长 手动 的 纺 
辑 才 能 完成 。 但 是 ， 已 有 越 来 越 多 的 网 站 提供 了 互动 沟通 的 服务 ， 让 所 有 的 用 户 不 再 是 被 动 
地 接受 信息 ， 而 是 能 够 更 进一步 地 对 网 页 的 内 容 提 供 意见 ， 参 与 讨论 。 例 如 在 新 浪 论坛 网 站 
中 ， 用 户 可 以 发 帖 和 相互 交流 沟通 ， 如 图 1-9 所 示 。 
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1.2.1 静态 网 页 


静态 网 站 是 由 存放 在 网 站 服务 器 上 一 组 相关 的 HTML 网 页 和 文件 所 组 成 的 ， 一 般 这 样 的 
网 页 也 称 为 静态 网 页 。 例 如 一 些 常见 的 个 人 网 站 ， 往 往 只 包含 静态 页 面 。 

网 站 服务 器 是 提供 网 页 的 软件 ， 会 对 网 页 浏览 器 所 发 出 的 请 求 做 出 响应 。 当 用 户 在 网 页 
上 单 击 链接 、 在 浏览 器 中 选择 书签 ， 或 在 浏览 器 的 “网 址 ”文本 框 中 输入 URL 网 址 并 单 击 
“ 转 到 ”按钮 时 ， 便 会 产生 网 页 请 求 。 

当 网 站 服务 器 接 到 静态 网 页 的 请 求 时 ， 服 务 器 会 读 取 并 找到 网 页 ， 然 后 将 它 传送 到 发 送 
请 求 的 浏览 器 ， 如 图 1-10 所 示 。 


显示 网 页 的 要 求 


浏览 器 传 回 显示 的 网 页 网 页 服务 器 
TUserClent Web Server 


1-10 ”浏览 静态 网 页 的 过 程 
静态 网 页 的 返回 内 容 是 由 网 页 设计 师 决定 的 ， 不 会 在 请 求 网 页 显示 时 更 改 。 


1.2.2 动态 网 页 


互动 网 站 一 般 又 称 为 动态 网 站 。 当 网 站 服务 器 接 到 对 标准 静态 网 页 的 请 求 时 ， 服 务 器 会 
直接 将 网 页 传送 到 提出 请 求 的 浏览 器 ， 不 做 进一步 的 修改 。 但 是 ， 当 网 站 服务 器 接 到 对 动态 
网 页 的 请 求 时 ， 反 应 则 不 同 ， 它 会 将 网 页 请 求 传送 到 负责 完成 网 页 的 特殊 软件 扩充 功能 中 
去 ， 这 个 特殊 软件 ， 称 为 应 用 程序 服务 器 。 


1. 动态 网 站 单纯 处 理 的 原理 


一 般 应 用 程序 服务 器 的 执行 方式 是 直接 读 取 网 页 上 的 程序 代码 ， 根 据 程序 代码 中 的 指示 
完成 网 页 ， 再 将 程序 代码 从 网 页 删除 。 然 后 应 用 程序 服务 器 会 将 静态 网 页 返回 网 站 服务 器 ， 
后 者 将 该 网 页 传送 到 提出 请 求 的 浏览 器 ， 在 网 页 到 达 浏 览 器 时 ， 所 取得 的 数据 是 纯粹 的 
HTML， 不 过 已 经 是 经 过 更 新 的 结果 。 该 处 理 过 程 如 图 1-11 所 示 。 


浏览 器 
User Chent 


1-11 动态 网 站 的 单纯 处 理 过 程 


这 里 的 动态 的 表现 ， 是 根据 浏览 器 端的 请 求 来 返回 处 理 后 的 结果 ， 这 样 的 方式 较为 单纯 
而 直接 。 而 应 用 程序 服务 器 另 一 种 更 为 高 级 的 执行 方式 ， 则 是 链接 数据 库 。 
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2. 动态 网 站 连接 数据 库 处 理 的 原理 


应 用 服务 器 还 可 以 进一步 让 用 户 使 用 数据 库 的 服务 器 端 资源 ， 在 动态 网 页 中 ， 程 序 设计 
师 可 以 指示 应 用 程序 服务 器 从 数据 库 检索 数据 ， 并 将 其 插入 网 页 的 HTML 中 。 从 数据 库 检索 
数据 的 指示 称 作 数 据 库 查 询 。 查 询 是 由 搜索 标准 所 组 成 的 ， 这 些 标准 是 以 被 称 为 SQL( 结 构 化 
查询 语言 ) 的 数据 库 语言 来 表达 的 。 动 态 网 站 连接 数据 库 处 理 的 过 程 如 图 1-12 所 示 。 
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图 1-12 ”动态 网 站 连接 数据 库 处 理 的 过 程 


网 站 应 用 程序 几乎 可 以 使 用 任何 数据 库 ， 只 要 有 适当 的 数据 库 驱 动 程序 即 可 。 这 个 部 分 
也 就 是 本 书 所 谈论 的 重点 ， 将 介绍 如 何 使 用 Dreamweaver CS6 制作 与 网 页 服务 器 、 应 用 程序 
服务 器 和 数据 库 互动 的 网 站 应 用 程序 。 
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1.3 动态 网 站 开发 的 整体 流程 


对 于 一 个 网 站 来 说 ， 除 了 网 页 内 容 外 ， 还 要 对 网 站 进行 整体 规划 设计 。 一 个 格局 凌乱 的 
网 站 ， 即 使 内 容 再 精彩 ， 也 不 能 说 是 一 个 好 的 网 站 。 要 设计 出 一 个 精美 的 网 站 ， 前 期 的 规划 
是 必 不 可 少 的 。 一 般 来 说 ， 网 站 建设 可 以 分 为 以 下 几 步 。 


1.3.1 网 站 的 前 期 规划 


网 站 建设 的 第 一 步 就 是 规划 。 我 们 都 知道 ， 规 划 对 于 达成 预期 效果 起 到 决定 性 的 作用 ， 
网 站 制作 也 不 例外 。 有 人 会 想 “ 为 什么 别人 的 网 站 运作 得 很 好 ， 而 我 的 网 站 却 无 人 问津 
呢 ? ”这 就 是 前 期 规划 没有 做 好 造成 的 结果 。 
网 站 的 前 期 规划 包括 如 下 几 个 步骤 。 
第 一 ， 进 行 网 站 项 目的 可 行 性 分 析 。 
对 于 我 们 要 做 的 网 站 项 目 来 说 ， 首 先 需 要 进行 可 行 性 分 析 。 应 当 研究 是 不 是 可 行 ， 或 者 
说 是 不 是 能 在 一 个 可 以 预测 的 时 间 段 内 有 较 好 的 发 展 前 途 ， 否 则 是 没有 必要 投入 人 力 、 物 力 
和 财力 去 搭建 的 。 
网 站 可 行 性 分 析 主 要 应 当 考虑 以 下 几 个 方面 。 
® ”社会 可 行 性 :计算 机 网 络 作 为 一 种 先进 的 信息 传输 媒体 ， 有 着 信息 传送 速度 快 、 信 
息 覆 盖 面 广 、 成 本 低 的 特点 。 可 以 低 投入 地 进行 世界 范围 的 广告 活动 ， 可 以 提高 公 
司 的 社会 形象 ， 可 以 提高 企业 的 管理 效率 ， 增 加 新 的 管理 手段 等 。 
@ ”经济 可 行 性 : 对 于 一 个 大 型 的 网 站 来 说 ， 需 要 强大 的 经 济 基 础 支持 ， 无 论 是 在 建站 
费用 方面 ， 还 是 在 商品 投资 方面 ， 都 需要 很 大 的 资金 注入 。 而 对 于 一 个 中 小 型 网 


站 ， 特 别 是 小 型 商务 网 站 来 说 ， 其 建站 费用 比较 少 ， 商 品 数量 少 、 投 资 成 本 较 低 ， 
因此 ， 比 较 容易 实现 和 运 维 ， 正 所 谓 是 “ 船 小 好 调头 ”。 

技术 可 行 性 : 在 技术 方面 ， 在 决定 自己 动手 来 做 网 站 时 ， 无 论 是 用 ASP 建设 网 站 ， 
还 是 用 PHP 建设 网 站 ， 都 是 可 取 的 ， 对 当下 流行 的 Java 语言 、Ajax 技术 也 应 比较 
熟悉 ， 因 为 这 方面 的 技术 是 相对 成 熟 的 ， 所 建设 的 网 站 是 具有 安全 性 和 可 靠 性 的 。 


第 二 ， 进 行 企业 网 站 定位 分 析 。 

任何 一 个 网 站 ， 必 须 首 先 具有 明确 的 建站 目的 和 目标 访问 群体 ， 即 网 站 定位 。 应 该 清楚 
主要 用 户 群 是 哪些 人 ， 由 此 应 该 提供 什么 内 容 、 服 务 ， 以 及 达到 什么 效果 。 网 站 是 面 对 公司 
或 个 人 客户 、 供 应 商 、 最 终 消 费 者 还 是 囊括 全 部 ? 是 为 了 介绍 企业 、 宣 传 某 种 产品 ， 还 是 为 
了 试验 电子 商务 ?如果 目的 不 是 唯一 的 ， 还 应 该 清楚 地 列 出 不 同 目的 的 轻重 关系 。 

建站 时 ， 包 括 类 型 的 选择 、 内 容 功能 的 筹备 、 界 面 设计 等 各 个 方面 ， 都 受到 网 站 定位 的 
直接 影响 ， 因 此 ， 网 站 定位 是 企业 建立 其 营销 网 站 的 基础 。 例 如 下 面 的 网 站 为 京东 网 站 ， 此 
网 站 主要 是 针对 网 上 购物 而 创建 的 综合 性 购物 网 站 ， 如 图 1-13 所 示 。 
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1-13 ”京东 网 站 


企业 网 站 的 定位 应 该 基于 严格 的 市 场 调查 和 反复 推 项 ， 应 考虑 以 下 要 素 。 


企业 自身 因素 : 企业 所 处 的 行业 状况 ， 所 生产 的 产品 的 特点 。 要 考虑 行业 成 本 结 
构 ， 考 察 网 络 能 否 降低 待 售 产品 市 场 营 销 、 货 物 运输 和 支付 的 成 本 。 企 业 产品 是 否 
与 计算 机 有 关 ， 产 品 使 用 者 的 计算 机 操作 水 平 如 何 ， 产 品 是 否 便于 通过 网 络 得 到 较 
充分 的 了 解 ， 产 品 的 交易 过 程 是 否 能 够 自动 化 。 

资源 分 析 : 企业 进行 网 站 功能 服务 的 定位 要 考虑 在 当前 的 资源 环境 下 能 够 实现 ， 而 
不 能 脱离 了 自身 的 人 力 、 物 力 、 互 联网 基础 以 及 整个 外 部 环境 等 因素 。 要 研究 企业 
的 财务 状况 是 否 能 够 支持 一 个 大 型 网 站 的 建设 、 运 行 和 维护 。 

目标 客户 分 析 : 对 目标 顾客 的 年 龄 、 性 别 、 学 历 、 职 业 、 个 性 、 行 为 、 收 入 水 平 、 
地 理 位 置 分 布 等 各 种 资料 的 分 析 。 企 业 要 加 强 对 网 上 消费 者 行为 的 研究 ， 这 将 是 提 
高 顾客 服务 水 平 的 基础 。 企 业 必须 重视 对 网 络 消费 者 的 研究 ， 探 讨 网 络 营销 环境 的 
建设 。 

网 站 的 定位 : 在 做 好 对 市 场 及 企业 自身 的 研究 后 ， 下 一 步 就 要 进行 具体 的 定位 操作 
了 。 对 企业 网 站 的 定位 ， 大 体 可 以 包括 以 下 两 个 方面 。 
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4 网 站 类 型 : 尽管 每 个 网 站 规模 不 同 ， 表 现形 式 各 有 特色 ， 但 从 经 营 的 实质 上 来 
说 ， 不 外 乎 是 信息 发 布 ， 此 类 属于 初级 形态 的 企业 网 站 ， 不 需要 太 复 杂 的 技 
术 ， 而 是 将 网 站 作为 一 种 信息 载体 ， 主 要 功能 定位 于 企业 信息 发 布 ， 如 众多 的 
中 小 企业 网 站 。 

4 网 站 的 目标 用 户 : 一 个 企业 网 站 的 目标 用 户 一 般 可 包括 企业 的 经 销 商 、 终 端 消 
费 者 、 企 业 的 一 般 员 工 及 销售 人 员 、 求 职 者 等 。 

@ 网 站 主题 : 网 站 主题 也 就 是 网 站 的 题材 、 中 心思 想 。 网 站 主题 是 网 站 设计 之 初 会 首 
先 遇 到 的 问题 ， 也 是 需要 在 网 站 设计 之 前 就 确定 的 内 容 。 例 如 下 面 的 网 站 为 提供 免 
费 在 线 观 看 电影 的 网 站 ， 如 图 1-14 所 示 。 
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第 三 ， 进 行 网 站 功能 分 析 。 

网 站 需要 展现 什么 内 容 去 为 用 户 提供 服务 呢 ? 什么 样 的 功能 才 符 合用 户 的 需要 呢 ? 网 站 
内 容 怎 么 维护 呢 ? 这 些 都 需要 仔细 分 析 。 

例如 “去 哪儿 ?” 网 站 需要 提供 机 票 、 酒 店 、 度 假 、 旅 游 和 团购 的 查询 和 订购 服务 等 服 
务 ， 这 些 功 能 需要 网 站 管理 人 员 去 维护 和 优化 ， 如 图 1-15 所 示 。 
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1.3.2 选择 网 页 制作 软件 


经 过 规划 步骤 ， 我 们 就 对 网 站 需要 建设 什么 内 容 有 了 一 个 总 体 的 认识 ， 接 着 就 要 考虑 用 
什么 工具 进行 网 站 建设 和 如 何 建 设 的 问题 了 。 
在 网 站 建设 过 程 中 ， 通 常 要 用 到 3 个 工具 ， 分 别 是 代码 集成 工作 环境 Dreamweaver， 如 
1-16 所 示 ; 图 片 处 理工 具 Photoshop， 如 图 1-17 所 示 ; 动画 特效 处 理工 具 Adobe Flash， 如 
1-18 所 示 。 
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图 1-18 Flash CS6 的 主 界面 


当然 ， 还 有 其 他 可 用 的 工具 。 但 这 3 个 工具 是 最 为 常用 的 。 

从 软件 界面 上 我 们 可 以 看 到 ， 这 3 个 工具 软件 都 是 由 Adobe 公司 提供 的 软件 ，Adobe 是 
世界 上 第 二 大 桌面 软件 公司 ， 产 品 涉及 图 形 设 计 、 图 像 制 作 、 数 码 视频 和 网 页 制作 等 领域 。 
其 中 ， 以 Photoshop 为 首 的 图 像 处 理 软件 更 是 在 平面 设计 领域 独 领 风 骚 。 

使 用 Adobe 产品 ， 人 们 的 创作 才华 可 以 尽情 施展 ， 可 以 创作 、 出 版 和 传播 各 种 具有 丰富 
视觉 效果 的 作品 ， 其 无 与 伦比 的 图 形 图 像 功 能 ， 备 受 网 页 和 图 形 设计 人 员 、 专 业 出 版 人 员 、 
商务 人 员 和 设计 爱好 者 的 喜爱 。 
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1.3.3 制作 网 页 


制作 网 页 是 一 个 复杂 而 细致 的 过 程 ， 一 定 要 按照 先 大 后 小 、 先 简单 后 复杂 的 顺序 来 制 
作 。 所 谓 先 大 后 小 ， 就 是 在 制作 网 页 时 ， 先 把 大 的 结构 设计 好 ， 然 后 再 逐步 完善 小 的 结构 设 
计 。 所 谓 先 简单 后 复杂 ， 就 是 先 设计 出 简单 的 内 容 ， 然 后 再 设计 复杂 的 内 容 ， 以 便 出 现 问题 
能 及 时 修改 。 

在 进行 网 页 排版 时 ， 要 尽量 保持 网 页 风格 的 一 致 性 ， 不 至 于 在 网 页 跳 转 时 产生 不 协调 的 
感觉 。 在 制作 网 页 时 灵活 地 运用 模板 ， 可 以 大 大 地 提高 制作 的 效率 。 将 相同 版 面 的 网 页 做 成 


NN 模板 ， 基 于 此 模板 创建 网 页 ， 以 后 想 改变 网 页 时 ， 只 要 修改 模板 就 可 以 了 。 


如 图 1-19 所 示 就 是 一 个 主题 鲜明 的 网 页 ， 全 部 网 页 都 围绕 着 旅游 这 个 主题 。 
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1.3.4 开发 动态 网 站 功能 模块 


当 我 们 把 效果 图 都 处 理 好 之 后 ， 就 可 以 着 手动 态 网 站 功能 的 实现 了 。 

应 当 根 据 需 要 ， 把 那些 经 常 更 新 的 页 面 动态 化 ， 并 制作 相应 的 维护 管理 功能 。 而 对 那些 
基本 不 变 的 页 面 ， 可 以 保持 静态 化 。 
1.3.5 网 站 的 测试 与 发 布 


在 将 网 站 发 布 到 网 络 服务 器 之 前 ， 最 好 对 网 站 的 整体 功能 进行 测试 ， 然 后 再 进行 网 站 上 
传 。 在 上 传 之 后 ， 如 果 发 现 错误 ， 必 须 先 将 网 站 下 载 后 进行 修改 ， 然 后 再 进行 上 传 ， 这 样 会 
显得 很 麻烦 。 


1. 平台 测试 
由 于 市 场 上 存在 Windows、Unix、Macintosh、Linux 等 很 多 不 同 的 操作 系统 类 型 ， 而 


Web 应 用 系统 的 最 终 用 户 究 竟 使 用 哪 一 种 操作 系统 ， 取 决 于 用 户 系统 的 配置 。 这 样 ， 就 可 能 
会 发 生 兼 容 性 问题 ， 即 同一 个 网 站 在 某 些 操作 系统 下 能 正常 打开 并 浏览 页 面 ， 但 在 另外 的 操 
作 系 统 下 就 可 能 无 法 打开 。 因 此 ， 在 Web 系统 发 布 之 前 ， 需 要 在 各 种 操作 系统 下 对 Web 系 
统 进行 兼容 性 测试 。 

2. 浏览 器 测试 

浏览 器 是 Web 客户 端的 核心 构件 之 一 ， 来 自 不 同 厂商 的 浏览 器 对 Java、JavaScript、 
ActiveX、plugins 或 不 同 的 HTML 规格 有 不 同 的 支持 。 例 如 ，ActiveX 是 Microsoft 公司 的 产 
品 ， 是 为 Internet Explorer(IE) 浏 览 器 设计 的 ，JavaScript 是 Netscape 公司 的 产品 ，Java 是 Sun 
公司 的 产品 等 。 

另外 ， 框 架 和 层次 结构 风格 在 不 同 的 浏览 器 中 也 有 不 同 的 显示 ， 更 有 甚 者 ， 有 的 就 无 法 
显示 。 同 时 ， 不 同 的 浏览 器 对 安全 性 和 Java 的 设置 也 不 一 样 。 

因此 ， 测 试 浏览 器 兼容 性 的 方法 是 创建 一 个 兼容 性 矩阵 。 在 这 个 和 矩阵 中 测试 不 同 厂商 、 
不 同 版 本 的 浏览 器 对 某 些 构件 和 设置 的 适应 性 。 

3， 分 状 率 测试 

不 同 分 辨 率 的 测试 ， 就 是 测试 网 页 在 不 同 分 辨 率 下 的 显示 情况 。 由 于 在 设计 网 页 时 通常 
使 用 的 是 同一 种 分 辨 率 ， 可 能 显示 和 运行 都 很 正常 。 但 是 ， 当 别人 浏览 和 运行 网 页 时 ， 由 于 
分 辩 率 的 不 同 ， 会 出 现 这 样 或 那样 的 错误 。 

测试 方法 很 简单 ， 可 以 将 自己 的 显示 器 设置 为 不 同 的 分 辩 率 来 运行 网 页 ， 查 看 是 否 存在 
问题 ， 也 可 以 在 他 人 的 计算 机 上 进行 测试 。 

4. 测试 网 站 的 超 链接 

测试 网 站 的 超 链 接 ， 也 是 上 传 网 站 之 前 必 不 可 少 的 工作 之 一 。 对 网 站 的 超 链接 逐一 进行 
测试 ， 不 仅 可 以 确保 访问 者 能 够 打开 链接 目标 ， 还 可 以 使 超 链 接 目 标 与 超 链接 源 保持 高 度 的 
统一 。 

网 站 测试 好 以 后 ， 接 下 来 ， 最 重要 的 就 是 上 传 网 站 。 只 有 将 网 站 上 传 到 远程 服务 器 上 ， 
才能 让 浏览 者 浏览 。 设 计 者 可 以 利用 Dreamweaver 软件 自 带 的 上 传 功能 上 传 ， 也 可 以 利用 专 
门 的 FTP 软件 上 传 。 


1.3.6 ”网 站 的 推广 


很 多 网 站 制作 者 花费 了 不 少时 间 和 精力 去 制作 网 站 ， 结 果 网 站 发 布 后 ， 每 天 的 访客 没有 
几 个 ， 根 本 带 不 来 商业 机 会 ， 究 其 原因 ， 就 是 因为 没有 做 好 宣传 推广 工作 。 在 当今 互联 网 信 
息 爆炸 的 时 代 ， 推 广 宣传 对 网 站 是 否 能 运作 下 去 是 至 关 重 要 的 。 

网 站 推广 即 是 网 络 推 广 ， 就 是 在 网 上 把 自己 的 产品 利用 各 种 手段 、 各 种 媒介 推广 出 去 ， 
使 自己 的 企业 能 获得 更 多 、 更 大 的 利益 。 


1. 搜索 引擎 营销 
搜索 引擎 营销 包括 两 个 方面 ， 一 个 是 付费 搜索 引擎 广告 ， 另 一 个 是 免费 搜索 引擎 优化 。 
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搜索 引擎 优化 是 近年 来 较为 流行 的 网 络 营销 方式 ， 主 要 目的 是 在 搜索 引擎 中 增加 特定 关 
键 字 的 曝光 率 ， 以 增加 网 站 的 能 见 度 ， 进 而 增加 销售 的 机 会 。 

搜索 引擎 营销 (Search Engine Marketing，SEM)， 是 一 种 网 络 营销 的 模式 ， 目 的 在 于 推广 
网 站 ， 增 加 知名 度 ， 通 过 搜索 引擎 返回 的 排名 结果 来 获得 更 好 的 销售 或 者 推广 渠道 。 


2， 网 站 广告 


在 网 站 上 做 Banner、Flash 广告 推广 ， 是 一 种 传统 的 网 络 推广 方式 。 此 类 广告 宣传 的 目标 
人 群 比较 广 ， 不 像 搜 索 竞 价 那 样 能 锁定 潜在 的 目标 客户 群 。 目 前 ， 网 站 广告 是 国内 新 浪 、 搜 
狐 、 网 易 等 门户 网 站 的 主要 赢利 方式 之 一 。 


1.3.7 ”网 站 的 优化 


网 站 优化 通常 包括 网 站 程序 的 优化 和 搜索 引擎 的 优化 ， 但 多 数 时 候 ， 提 到 网 站 优化 就 是 
指 搜 索引 擎 的 优化 (SEO)。 搜 索引 擎 优化 是 目前 被 广 为 关 注 的 网 络 营 销 手 段 ， 无 数 企业 和 个 人 
站 长 参与 其 中 ， 对 大 多 数 企业 来 说 ， 搜 索引 擎 优化 是 其 网 站 扬名 天 下 的 法 宝 。 

搜索 引擎 优化 包括 如 下 两 个 部 分 。 


1， 站 内 搜索 引擎 优化 


站 内 搜索 引擎 优化 ， 简 单 地 说 ， 就 是 在 网 站 内 部 进行 搜索 引擎 优化 。 

对 网 站 所 有 者 来 说 ， 站 内 搜索 引擎 优化 是 最 容易 控制 的 部 分 ， 因 为 网 站 是 自己 的 ， 可 以 
根据 自己 的 需求 ， 设 定 网 站 结构 ， 制 作 网 站 内 容 。 从 搜索 引擎 优化 的 整体 效果 来 看 ， 站 内 搜 
索引 擎 优化 很 重要 ， 但 是 也 很 繁杂 ， 很 多 细节 极 容易 被 忽略 。 

站 内 搜索 引擎 优化 大 体 上 可 以 分 为 以 下 几 个 部 分 : 

e ”域名 空间 优化 、 网 站 结构 优化 。 

e ”关键 词 策略 、 内 容 策略 。 

e ”内 部 链接 策略 、 页 面 代码 优化 。 


2. 站 外 搜索 引擎 优化 


与 站 内 搜索 引擎 优化 相 比 ， 站 外 搜索 引擎 优化 相对 而 言 更 单一 ， 但 是 难度 更 大 ， 效 果 也 
更 直接 。 

站 外 搜索 引擎 优化 ， 也 可 以 说 是 脱离 站 点 自身 的 搜索 引擎 优化 技术 ， 这 种 优化 源 自 外 部 
站 点 对 网 站 在 搜索 引擎 排名 中 的 影响 ， 这 些 外 部 因素 往往 是 超出 站 长 直接 控制 能 力 的 。 

最 有 用 、 功 能 最 强大 的 外 部 优化 因素 就 是 反 向 链接 ， 即 通常 所 说 的 外 部 链接 。 互 联网 的 
本 质 特征 之 一 就 是 链接 ， 毫 无 疑问 ， 外 部 链接 对 于 一 个 站 点 的 抓 取 、 收 录 、 排 名 都 起 到 非常 
重要 的 作用 。 
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2.1 安装 与 启动 Dreamweaver CS6 


在 使 用 Dreamweaver CS6 制作 动态 网 站 之 前 ， 需 要 对 该 软件 的 常用 功能 进行 了 解 ， 
Dreamweaver 是 一 款 专业 的 网 页 编辑 软件 ，Dreamweaver CS6 在 软件 的 界面 和 性 能 上 都 有 了 很 
大 的 改进 。 

本 节 介 绍 Dreamweaver CS6 的 安装 、 启 动 与 卸载 的 方法 。 


2.1.1 安装 Dreamweaver CS6 


Dreamweaver CS6 的 安装 界面 非常 人 性 化 ，Splash 的 线条 更 是 具有 强烈 的 时 尚 元 素 。 与 其 
他 软件 一 样 ， 安 装 Dreamweaver CS6 的 过 程 很 简单 ， 具 体操 作 步 又 如 下 。 
ES 将 Dreamweaver CS6 的 安装 光盘 放 入 计算 机 的 CD-ROM 驱动 器 中 ， 这 时 ， 系 统 
会 自动 运行 Dreamweaver CS6 的 安装 程序 。 稍 等 片刻 ，Dreamweaver CS6 的 安装 程 
序 会 自动 弹出 “欢迎 ”界面 ， 单 击 “ 安 装 ” 按 钮 ， 如 图 2-1 所 示 。 
EEJPp 进入 “Adobe 软件 许可 协议 ”界面 ， 设 置 显示 语言 为 “简体 中 文 ”， 单 击 “ 接 
受 ”按钮 ， 如 图 2-2 所 示 。 
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图 2-1 “欢迎 ”界面 2-2 “Adobe 软件 许可 协议 ”界面 


TB 进入 “需要 登录 ”界面 ， 如 图 2-3 所 示 ， 单 击 “ 登 录 ” 按 钮 ， 即 可 根据 提示 输入 
Adobe ID 号 和 密码 。 

EC 进入 “选项 ”界面 ， 用 户 可 根据 需要 选择 安装 的 组 件 和 安装 路 径 ， 这 里 采用 默 
认 的 设置 ， 单 击 “ 安 装 ” 按 钮 ， 如 图 2-4 所 示 。 

EEIDp 软件 开始 自动 安装 ， 并 显示 安装 的 进度 ， 如 图 2-5 所 示 。 

TD 安装 完成 后 ， 单 击 “ 关 闭 ” 按 钮 ， 即 可 完成 Adobe Dreamweaver CS6 的 安装 ， 
如 图 2-6 所 示 。 如 果 单 击 “ 立 即 启动 ”按钮 ， 即 可 启动 Dreamweaver CS6。 
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2.1.2 启动 Dreamweaver CS6 


完成 Dreamweaver CS6 的 安装 后 ， 下 面 就 可 以 启动 Dreamweaver CS6 了 ， 有 具体 的 操作 步 


又 如 下 。 


ED 从 划 面 选择 “开始 ”一 “所 有 程序 ”一 “Adobe Dreamweaver CS6” 选 项 ， 或 双 


击 桌面 上 的 Dreamweaver CS6 快捷 图 标 ， 即 可 启动 Dreamweaver CS6， 并 弹出 “ 默 


认 编 辑 器 ”对 话 框 ， 在 该 对 话 框 中 ， 勾 选 需要 Dreamweaver 作为 默认 编辑 器 的 文件 


类 型 ， 如 图 2-7 所 示 。 


ED 单 击 “确定 ”按钮 ， 进 入 Dreamweaver CS6 的 初始 化 界面 


。Dreamweaver CS6 


的 初始 化 界面 时 尚 、 大 方 ， 给 人 焕然 一 新 的 感觉 ， 如 图 2-8 所 示 。 
ETE 通过 初始 化 界面 ， 便 可 打开 Dreamweaver CS6 工作 区 的 开始 界面 。 默 认 情 况 
下 ，Dreamweaver CS6 的 工作 区 布局 是 以 “设计 ”视图 布局 的 ， 如 图 2-9 所 示 。 

加 YY 在 开始 界面 中 ， 单 击 “ 新 建 ” 栏 下 边 的 HIML 选项 ， 即 可 打开 Dreamweaver 
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CS6 的 工作 界面 ， 如 图 2-10 所 示 。 


默认 坊 坦 旺 

Adobe Dreanweaver 将 其 自身 设置 为 以 下 文件 类 型 各 认 编辑 器 : 

国 Aetive Server Pagss (asp) 国 Jesseript Gs) 
Java Server Pages Gsp) 团 层 要 样式 表 (css) 

加 coldpusion (cfm, cfe) 回 可 扩展 标记 语言 fml) 
Disp. WET (aspx, ssex) 团 xsL 样式 表 Csl，xslt) 
Pp Ghp) 


2-7 “上 默认 编辑 器 ”对 话 框 


图 2-9 Dreamweaver CS6 的 开始 界面 2-10 ”Dreamweaver CS6 的 工作 界面 


2.2 Dreamweaver CS6 的 工作 界面 


Dreamweaver CS6 的 工作 界面 主要 由 应 用 程序 栏 、 菜 单 栏 、“ 插 入 ”面板 、 文 档 工具 
栏 、 文 档 窗口 、 状 态 栏 、“ 属 性 ”面板 和 面板 组 等 组 成 。 


2.2.1 菜单 栏 


Dreamweaver CS6 的 菜单 栏 包含 文件 、 编 辑 、 查 看 、 插 入 、 修 改 等 10 个 主 菜单 项 ， 单 击 
每 个 菜单 时 ， 都 会 弹出 下 拉 菜 单 ， 利 用 这 些 菜单 ， 基 本 上 就 能 够 实现 Dreamweaver CS6 的 所 
有 功能 ， 如 图 2-11 所 示 。 


文件 (日 ”编辑 (E) ”前 看 (V) 插入 (1) 修改 (M) 格式 (0) 命令 (Q ”站 点 (S) ”窗口 (W) ”帮助 (H) 


图 2-11 Dreamweaver CS6 的 菜单 栏 


2.2.2 文档 工具 栏 


文档 工具 栏 包含 3 种 文档 窗口 视图 (代码 、 拆 分 和 设计 ) 按 钮 、 各 种 查看 选项 和 一 些 常 用 的 
操作 ， 如 在 浏览 器 中 预览 等 ， 如 图 2-12 所 示 。 


| 代码 | 拆 分 设计 | 实时 视图 哆 . 芭 . 内. B% FE 于 司 。 标 是 : 元 和 是 文档 


2-12 文档 工具 栏 


文档 工具 栏 中 常用 按钮 的 功能 如 下 。 

(1) “显示 代码 视图 ”按钮 [ 代 再 : 单 击 该 按钮 ， 仅 在 文档 窗口 中 显示 和 修改 HTML 源 代码 。 

(2) “显示 代码 视图 和 设计 视图 ”按钮 括 分 : 单 击 该 按钮 ， 在 文档 窗口 中 将 同时 显示 
HTML 源 代码 和 页 面 的 设计 效果 。 

(3) “显示 设计 视图 ”按钮 设计 : 单 击 该 按钮 ， 仅 在 文档 窗口 中 显示 网 页 的 设计 效果 。 

(4) “实时 视图 ”按钮 [ 树 醒 而 |， 显示 不 可 编辑 的 、 交 互 式 的 、 基 于 浏览 器 的 文档 视图 。 

(5) “多 屏幕 ”按钮 元: 可 以 多 屏幕 浏览 网 页 。 

(6) “文档 标题 ”文本 框 而: FE ]， 用 于 设置 或 修改 文档 的 标题 。 

(7) “文件 管理 ”按钮 欧 | 单 击 该 按钮 ， 通 过 弹出 菜单 ， 可 以 实现 消除 只 读 属性 、 获 
取 、 取 出 、 上 传 、 存 回 、 撤 销 取出 、 设 计 备注 以 及 在 站 点 定位 等 功能 。 

(8) “在 浏览 器 中 预览 /调试 ”按钮 图 j: 可 在 定义 好 的 浏览 器 中 预览 或 调试 网 页 。 

(9) “刷新 ”按钮 图 : 刷新 文档 窗口 的 内 容 。 

(10) “可 视 化 助理 ”按钮 区 J]， 可 以 使 用 各 种 可 视 化 助理 来 设计 页 面 。 

(11) “检查 浏览 器 兼容 ”按钮 司 : 可 以 检查 CSS 是 否 对 各 种 浏览 器 兼容 。 

(12) “W3C 验证 ”按钮 E: 可 以 检测 网 页 是 否 符合 W3C 标准 。 


2.2.3 文档 窗口 


文档 窗口 显示 当前 创建 和 编辑 的 文档 ， 如 图 2-13 所 示 。 在 该 窗口 中 ， 可 以 输入 文字 、 插 
入 图 片 、 绘 制 表格 等 ， 也 可 以 对 整个 页 面 进行 处 理 。 


国 werediourwu -Ox 
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2.2.4 ”属性 面板 


属性 面板 是 网 页 中 非常 重要 的 面板 ， 用 于 显示 在 文档 窗口 中 所 选 元 素 的 属性 ， 并 可 以 对 
被 选中 元 素 的 属性 做 修改 ， 该 面板 随 着 选择 元 素 的 不 同 而 显示 不 同 的 属性 ， 如 图 2-14 所 示 。 


《> mL| 格式 9) | 无 了 无 ~ BI 注 注 丝 毕 标题 0 
本 css mo 无 -所 辣 中 -DD 上 


[页 而 硕 性 =] | 列 运 


图 2-14 “属性 ”面板 
2.2.5 ”状态 栏 


状态 栏 位 于 文档 窗口 的 底部 ， 包 括 3 个 功能 区 : 标签 选择 器 (显示 和 控制 文档 当前 插入 点 
位 置 的 HTML 源 代码 标记 )、 窗 口 大 小 弹出 菜单 (显示 页 面 大 小 ， 人 允许 将 文档 窗口 的 大 小 调整 
到 预定 义 或 自 定义 的 尺寸 ) 和 下 载 指示 器 (估计 下 载 时 间 ， 查 看 传输 时 间 )， 如 图 2-15 所 示 。 


[IN 是 区 [oo v| 回国 [| 549 x 325v 1 kK/1 秒 Unicode (UTF-8) 
图 2-15 ”状态 栏 


2.2.6 设计 器 


单 击 “ 设 计 器 ”下 拉 箭 头 国 ， 可 以 打开 一 些 常用 的 调 板 。 在 下 拉 菜 单 中 选择 命令 ， 即 可 
更 改 页 面 的 布局 ， 如 图 2-16 所 示 。 


图 2-16 工作 区 切换 器 


2.2.7 “插入 ”面板 


在 “插入 ”面板 中 ， 包 含 将 各 种 网 页 元 素 (如 图 像 、 表 格 和 AP 元 素 等 ) 插 入 到 文档 时 的 快 
捷 按 钮 ， 每 个 对 象 都 是 一 段 HTML 代码 。 插 入 不 同 的 对 象 时 ， 可 以 设置 不 同 的 属性 ， 单 击 相 


应 的 按钮 ， 可 插入 相应 的 元 素 。 要 显示 “插入 ”面板 ， 选 择 “ 窗 口 ”一 “插入 ”菜单 命令 即 
可 。 该 面板 如 图 2-17 所 示 。 


芝山 中 


了 
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图 2-17 “插入 ”面板 


2.2.8 “文件 ”面板 


“文件 ”面板 用 于 管理 文件 和 文件 夹 ， 无 论 它们 是 Dreamweaver 站 点 的 一 部 分 还 是 位 于 
远程 服务 器 上 。 在 “文件 ”面板 上 还 可 以 访问 本 地 磁盘 上 的 全 部 文件 ， 如 图 2-18 所 示 。 


图 2-18 “文件 ”面板 


2.3 ”Dreamweaver CS6 的 新 增 功 能 


Dreamweaver CS6 版 本 使 用 了 自 适 应 网 格 版 面 创建 页 面 ， 在 发 布 前 ， 使 用 多 屏幕 预览 审 
阅 设计 ， 可 大 大 提高 工作 效率 。 改 善 的 FTP 性 能 可 以 更 高 效 地 传输 大 型 文件 。“ 实 时 视图 ” 
和 “多 屏幕 预览 ”面板 可 呈现 HTML 5 代码 ， 更 能 够 检查 自己 的 工作 。 


2.3.1 可 响应 的 自 适 应 网 格 版 面 


使 用 响应 迅速 的 CSS 3 自 适应 网 格 版 面 ， 来 创建 跨 平 台 和 跨 浏览 器 的 兼容 网 页 设计 。 利 
用 简洁 、 业 界 标准 的 代码 ， 为 各 种 不 同 设 备 和 计算 机 开发 项 目 ， 提 高 工作 效率 。 直 观 地 创建 
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复杂 网 页 设计 和 页 面 版 面 ， 无 须 忙于 编写 代码 。“ 流 体 网 格 布局 ”选项 界面 如 图 2-19 所 示 。 


图 2-19 “流体 网 格 布局 ”选项 界面 
2.3.2 改善 的 FTP 性 能 


利用 重新 改良 的 多 线程 FTP 传输 工具 ， 可 以 节省 上 传 文件 的 时 间 ， 从 而 更 快速 高 效 地 上 
传 网 站 文件 ， 缩 短 制作 时 间 ， 如 图 2-20 所 示 。 


图 2-20 “服务 器 ”选项 界面 


2.3.3 ”增强 型 jQuery 移动 支持 


使 用 更 新 的 jQuery 移动 框架 支持 为 iOS 和 Android 平台 建立 本 地 应 用 程序 。 可 以 建立 触 
及 移动 受众 的 应 用 程序 ， 同 时 ， 简 化 了 用 户 的 移动 开发 工作 流程 ， 如 图 2-21 所 示 。 


邻 2 
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图 2-21 “jQuery Mobile 色 板 ” 窗 格 
2.3.4 CSS 3 转换 


将 CSS 属性 变化 制 成 动画 转换 效果 ， 使 网 页 设计 棚 棚 如 生 ， 在 用 户 处 理 网 页 元 素 和 创建 
优美 效果 时 ， 保 持 对 网 页 设计 的 精准 控制 。 通 过 “CSS 过 渡 效 果 ” 窗 格 ， 可 以 添加 动画 转换 
效果 ， 如 图 2-22 所 示 。 
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图 2.22 “CSS 过 渡 效果 ” 窗 格 
2.3.5 ”更 新 的 实时 视图 


使 用 更 新 的 “实时 视图 ”功能 ， 在 发 布 前 测试 页 面 ，“ 实 时 视图 ” 现 已 使 用 最 新 版 的 
Web Kit 转换 引擎 ， 能 够 提供 绝 佳 的 HTML 5 支持 ， 如 图 2-23 所 示 。 
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图 2-23 “实时 视图 ”功能 
2.3.6 更 新 的 多 屏幕 预览 面板 


可 以 利用 更 新 的 “多 屏幕 预览 ”面板 检查 为 智能 手机 、 平 板 电脑 和 台式 机 所 建立 的 项 目 
的 显示 画面 ， 如 图 2-24 所 示 。 该 增强 型 面板 现在 能 够 让 用 户 检查 HTML 5 的 内 容 呈 现 。 


入 酒店 时 


巴 桨 只 阁 狂 ” ， 


2-24 ”多 屏幕 预览 效果 
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2.4 使 用 Dreamweaver CS6 创建 基本 网 页 


使 用 Dreamweaver CS6， 可 以 创建 和 编辑 网 站 的 网 页 ， 该 软件 为 创建 Web 文档 提供 了 灵 
活 的 环境 。 


2.4.1 定义 Dreamweaver 站 点 


Dreamweaver 站 点 是 管理 网 站 中 所 有 相关 联 文档 的 一 种 工具 ， 通 过 站 点 ， 可 以 实现 将 文 
件 上 传 到 网 络 服务 器 、 自 动 跟踪 和 维护 、 管 理 文件 以 及 共享 文件 等 功能 。Dreamweaver 中 的 
站 点 包括 本 地 站 点 、 远 程 站 点 和 测试 站 点 三 类 。 
@ ”本 地 站 点 : 用 来 存放 整个 网 站 框架 的 本 地 文件 夹 ， 是 用 户 的 工作 目录 ， 一 般 制作 网 
页 时 ， 只 要 建立 本 地 站 点 即 可 。 
e@ 远程 站 点 : 存储 于 Internet 服务 器 上 的 站 点 和 相关 文档 。 通 常情 况 下 ， 为 了 不 连接 
Internet 而 对 所 建 的 站 点 进行 测试 ， 可 以 在 本 地 计算 机 上 创建 远程 站 点 ， 来 模拟 真实 
的 Web 服务 器 进行 测试 。 
@ 测试 站 点 : Dreamweaver 处 理 动态 页 面 的 文件 夹 ， 使 用 此 文件 夹 生成 动态 内 容 ， 并 
在 工作 时 连接 到 数据 库 ， 用 于 对 动态 页 面 进行 测试 。 


1. 使 用 向 导 创 建 本 地 站 点 


在 Dreamweaver CS6 中 使 用 向 导 创建 本 地 站 点 的 具体 步骤 如 下 。 

EEIDp 打开 Dreamweaver CS6， 选 择 “站 点 ”一 “新 建站 点 ”菜单 命令 ， 弹 出 “站 点 设 
置 对 象 ”对 话 框 ， 从 中 输入 站 点 的 名 称 ， 并 设置 本 地 站 点 文件 夹 的 路 径 和 名 称 ， 然 
后 单 击 “ 保 存 ” 按 钮 ， 如 图 2-25 所 示 。 

E72Y 本 地 站 点 创建 完成 ， 在 “文件 ”面板 的 “本 地 文件 ” 窗 格 中 ， 会 显示 该 站 点 的 
根 目录 ， 如 图 2-26 所 示 。 


您 可 以 在 此 处 为 rit hie [本 地 视图 7] 
a = 多 GZ 名 因 | 日 
下地 让 点 文件 夹 : [Wses Wdmnstator Ponurens 洒 使 名 站 点 2 外 
mh | 
图 2-25 “站 点 设置 对 象 ”对 话 框 图 2-26 “本 地 文件 ” 窗 格 
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2. 使 用 “管理 站 点 ”功能 创建 站 点 


在 “文件 ”面板 中 ， 提 供 了 “管理 站 点 ”功能 ， 利 用 该 功能 ， 可 以 创建 站 点 ， 有 具体 的 操 
作 步 又 如 下 。 
ECEID% 单 击 “ 文 件 ” 面 板 右 侧 的 下 三 角 按 钮 ， 在 弹出 的 下 拉 列 表 中 选择 “管理 站 点 ” 
选项 ， 如 图 2-27 所 示 。 


ET 将 强 出 “管理 站 点 ”对 话 框 ， 在 此 对 话 框 中 单 击 “ 新 建站 点 ”按钮 ， 如 图 2-28 
NN 所 示 。 
NN 
i 
Cm [er 
AN 图 2-27 “文件 ”面板 图 2-28 “管理 站 点 ”对 话 框 


本 BY 弹出 “站 点 设置 对 象 ”对 话 框 ， 在 此 对 话 框 中 ， 即 可 根据 前 面 介绍 的 方法 创建 
本 地 站 点 ， 如 图 2-29 所 示 。 
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您 可 以 在 此 处 为 ni er 
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2-29 “站 点 设置 对 象 ”对 话 框 


2.4.2 ”使 用 欢迎 页 


打开 软件 之 后 ， 出 现在 我 们 面前 的 是 一 个 欢迎 界面 ， 在 欢迎 界面 中 ， 可 以 快捷 地 选择 所 
要 操作 的 对 象 ， 如 图 2-30 所 示 。 


全’ 


打开 最 近 的 项 目 
© I 


主要 功能 
CS6 林 增 由 能 要 
高 cs6sHgmh 氏 让 


[局 ] ae 局 
上 加] 


Business Catdyst | 作 


aa] CSS 过 深 效果 面板 
园 ] jesy owe 本 


| morecopaua 权 


局 亚 - 日 到 多- 


图 2-30 欢迎 界面 


可 以 看 到 ， 在 这 个 欢迎 界面 中 ， 可 以 方便 地 打开 最 近 的 项 目 和 新 建 各 种 页 面 文件 ， 或 者 


执行 打开 站 点 等 功能 。 
2.4.3 新建 页 面 


制作 网 页 应 该 从 创建 空白 文档 开始 。 创 建 空白 文档 的 具体 步骤 如 下 。 
ET 选择 “文件 ”一 “新 建 ”菜单 命令 ， 如 图 2-31 所 示 。 


2-31 选择“ 新建” 菜单 命令 


EEJRP2p 弹出 “新 建文 档 ” 对 话 框 。 在 “新 建文 档 ” 对 话 框 的 左 侧 选择 “ 空 


回避 


十 Z 油 是 
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页 ” 选 


项 ， 在 “页 面 类 型 ”列表 框 中 选择 HTML 选项 ， 在 “布局 ”列表 框 中 选择 “无 ” 选 


项 ， 如 图 2-32 所 示 。 
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图 2-32 “新 建文 档 ” 对 话 框 
区 了 TB 单 击 “创建 ”按钮 ， 即 可 创建 一 个 空白 文档 ， 如 图 2-33 所 示 。 
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图 2-33 创建 一 个 空白 文档 


2.4.4 设置 页 面 标题 


新 建 一 个 空白 页 面 后 ， 就 可 以 进行 网 页 的 编辑 操作 了 。 首 先 ， 为 网 站 设置 页 面 标题 ， 其 
步骤 如 下 。 

TTY 选择 新 建 的 网 站 页 面 ， 然 后 单 击 “ 代 码 ” 标 签 ， 进 入 “代码 ”窗口 ， 如 图 2-34 
所 示 。 

TY 在 “代码 ”窗口 中 ， 选 择 <title> 标 签 ， 在 <title> 与 </tile> 标 签 之 间 ， 输 入 “ 鸿 锥 
电子 商务 网 站 ”文本 ， 如 图 2-35 所 示 。 

EEJep 按 Ctlt+s 组 合 键 ， 弹 出 “另存 为 ”对 话 框 ， 选 择 网 站 保存 的 路 径 ， 将 文件 命名 
为 “indexhtml”， 如 图 2-36 所 示 。 

EEC 按 快 捷 键 F12 预览 效果 ， 如 图 2-37 所 示 。 
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图 2-36 “另存 为 ”对 话 框 图 2-37 预览 最 终 效果 


2.4.5 设置 页 面 属性 


创建 空白 文档 并 设置 标题 后 ， 接 下 来 需要 对 文件 进行 页 面 属性 的 设置 ， 即 设置 整个 网 站 
页 面 的 外 观 效果 。 

选择 “修改 ”一 “页 面 属性 ”菜单 命令 ， 或 者 按 CtrltJ 组 合 键 ， 打 开 “ 页 面 属 性 ”对 话 
框 ， 在 该 对 话 框 中 ， 可 以 设置 外 观 、 链 接 、 标 题 、 编 码 和 跟踪 图 像 等 属性 。 


和 六 蛙 外观 

在 “页 面 属性 ”对 话 框 的 “分 类 ”列表 框 中 ， 选 择 “ 外 观 ” 选 项 ， 设 置 “ 页 面 字 体 ” 为 
“默认 字体 ”， 设 置 字体 “大 小 ”为 12px， 并 设置 “背景 颜色 ”为 “# 丁 FFBF2”， 如 图 2-38 
所 示 。 
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图 2-38 “页 面 属性 ”对 话 框 


全 图 像 和 背景 颜色 不 能 同时 显示 ， 如 果 在 网 页 中 同时 设置 这 两 个 选项 ， 在 浏览 网 页 
| 本 时 ， 将 只 显示 网 页 背景 图 像 。 
2. 设置 链接 


在 “页 面 属性 ”对 话 框 的 “分 类 ”列表 框 中 选择 “链接 ”选项 ， 设 置 “链接 颜色 ”为 
N “#000000”， 设 置 “ 已 访问 链接 ”为 “#000000”， 设 置 “ 变 换 图 像 链 接 ” 为 “#000000”， 


设置 “活动 链接 ”为 “#990000”， 并 设置 “下 划 线 样式 ”为 “ 仅 在 变换 图 像 时 显示 下 划 
线 ”， 如 图 2-39 所 示 。 
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棋 接 颜色 0 ， 岗 | #000000 。 交换 图 像 柑 接 m): 本 | po00000 
已 访问 嵌 接 W): 鹏 | #000000 活动 树 按 和: 可 | *990000 
下 夫 笠 式 0)， [组 终 有 下 向。 | 
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图 2-39 “链接 ”选项 
3. 设置 标题 和 编码 


除了 在 “代码 ”窗口 中 设置 页 面 标题 外 ， 还 可 以 在 “页 面 属性 ”对 话 框 的 “分 类 ”列表 
框 中 选择 “标题 ”选项 ， 设 置 标题 及 其 相关 属性 ， 在 “标题 ”区 域 中 ， 可 以 设置 各 种 标题 的 


字体 样式 、 大 小 、 颜 色 等 ， 如 图 2-40 所 示 。 在 “分 类 ”列表 框 中 ， 选 择 “ 标 题 /编码 ”选项 ， 
设置 标题 、 文 档 类 型 、 编 码 和 站 点 文件 夹 等 ， 如 图 2-41 所 示 。 
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图 2-40 “标题 ”选项 图 2-41 “标题 /编码 ”选项 


4. 设置 跟踪 图 像 
在 “页 面 属性 ”对 话 框 的 “分 类 ”列表 框 中 ， 选 择 “ 跟 踪 图 像 ” 选 项 ， 可 以 设置 跟踪 图 
像 的 属性 ， 如 图 2-42 所 示 。 


图 2-42 ”选择 “跟踪 图 像 ”选项 


全 3 对 于 在 Dreamweaver 中 创建 的 每 一 个 页 面 ， 都 可 以 使 用 “页 面 属性 ”对 话 框 指定 
放生 布局 和 格式 属性 。 在 不 同 的 页 面 中 ， 可 以 为 创建 的 每 个 新 页 面 指定 新 的 页 面 属性 ， 也 
”可 以 使 用 “页 面 属性 ”对 话 框 修改 现 有 的 页 面 属性 。 


2.4.6 ”添加 文本 


文本 是 基本 的 信息 载体 ， 是 网 页 中 最 基本 的 元 素 之 一 。 在 文件 中 使 用 丰富 的 字体 、 多 样 
的 格式 以 及 赏心悦目 的 文本 效果 ， 对 于 网 站 设计 师 来 说 ， 是 必 不 可 少 的 技能 。 

在 网 页 中 插入 文本 和 设置 文本 属性 的 具体 步骤 如 下 。 

首先 新 建 一 个 文档 或 打开 一 个 文档 。 

EEP9 将 光标 放置 在 文档 的 编辑 区 ， 输 入 文字 ， 如 图 2-43 所 示 。 
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i 
嵌 奖 农家 腊 济 芋 ， 让 定 净 党 证 鸡 及 : Se 
山 重水 复 疑 无 路 ， 柳 暗 花 明 又 一 村 。 


各 鼓 追随 春 社 近 ， 衣 冠 简朴 古风 存 。 


2-43 ”输入 文字 


EEC 在 文件 窗口 中 ， 选 定 要 设置 字体 的 文本 ， 在 “属性 ”面板 中 单 击 CSS 按钮 ， 在 
“大 小 ”文本 框 中 ， 将 文字 大 小 设置 为 30 像素 ， 单 击 “ 字 体 ” 下 拉 列 表 右 边 的 下 三 
角 按钮 ， 在 弹出 的 列表 中 ， 选 择 字体 为 楷体 ， 然 后 在 Color( 颜 色 ) 设 置 栏 中 设置 颜色 


为 红色 ， 如 图 2-44 所 示 。 
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图 2-44 “属性 ”面板 


ED 设置 好 文字 属性 后 ， 效 果 如 图 2-45 所 示 。 


了 提示 
、 


英 医 农家 详 泻 深 ， 让 年 禄 客 定 远 月 。 
山 重 水 复 疑 无 路 ， 柳 瞳 花 明 又 一 村 。 
策 鼓 追随 春 社 近 ， 衣 冠 简朴 古风 存 。 
从 今 若 许 闲 来 月 ， 柱 杖 无 时 夜中 门 。 


2-45 文字 设置 后 的 效果 


在 输入 文本 的 过 程 中 ， 换 行 时 如 果 直 接 按 Enter 键 ， 行 间距 会 比较 大 。 
下 ， 在 网 页 中 换行 时 ， 应 该 按 Shift + Enter 组 合 键 ， 这 样 才 是 正常 的 行距 。 


一 般 情况 


2.4.7 插入 图 像 


在 文件 中 插入 漂亮 的 图 像 ， 会 使 网 页 更 加 美观 ， 使 页 面 更 具 吸 引力 。 在 网 页 中 插入 和 编 
辑 图 像 的 具体 步骤 如 下 。 
TD 首先 新 建 一 个 文档 或 打开 一 个 文档 。 
ECESRPy 在 文档 编辑 区 中 ， 将 光标 放置 在 需要 插入 图 像 的 位 置 ， 选 择 “ 插 入 ”一 “图 
像 ” 一“ 图像 ”菜单 命令 ， 弹 出 “选择 图 像 源 文件 ”对 话 框 ， 从 中 选择 要 插入 的 图 
像 文件 ， 然 后 单 击 “确定 ”按钮 ， 如 图 2-46 所 示 。 
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图 2.46 “选择 图 像 源 文件 ”对 话 框 
即 可 完成 向 文档 中 插入 图 像 的 操作 ， 最 终 效果 如 图 2-47 所 示 。 


疾 关 农家 诺 酒 溢 ， 证 第 茵 客 趾 区 
山 重 水 复 疑 无 路 ， 柳 瞳 花 明 又 一 村 。 各 
区 鼓 筷 随 春 社 近 ， 衣 冠 简 杆 古风 在。 下 多 


2-47 ”最 终 效果 


EEC 在 “属性 ”面板 的 “替换 ”文本 框 中 输入 文字 “山西 村 ”， 设 置 图 像 的 蔡 换文 
本 ， 如 图 2-48 所 示 。 
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EC 如 果 需 要 剪裁 图 像 ， 首 先 选择 图 像 ， 然 后 在 “属性 ”面板 中 单 击 “裁剪 ”按钮 
出 ， 图 像 周围 出 现 8 个 控制 点 ， 通 过 拖 动 这 些 控制 点 可 修剪 图 像 的 大 小 ， 如 图 2-49 
所 示 。 选 择 好 剪裁 的 位 置 后 ， 按 Enter 键 完成 图 像 的 裁剪 工作 。 


丰年 留 客 足 鸡 
柳暗花明 又 一 村 


2-49 ”剪裁 图 像 


区 于 BY 如 果 需 要 优化 图 像 ， 可 在 “属性 ”面板 中 单 击 “ 编 辑 图 像 设 置 ” 按 钮 瑚 ， 弹 出 
“图 像 优 化 ”对 话 框 ， 如 图 2-50 所 示 。 在 该 对 话 框 中 进行 相应 的 设置 后 ， 单 击 “ 确 
定 ” 按 钮 ， 即 可 对 图 像 进行 优化 。 


图 2-50 “图 像 优 化 ”对 话 框 


2.4.8 插入 多 媒体 


多 媒体 对 象 和 图 像 ， 在 网 页 中 起 到 的 作用 主要 是 美化 网 页 ， 在 Dreamweaver CS6 中 ， 可 
以 插入 多 媒体 对 象 ， 例 如 Flash。 

插入 多 媒体 的 具体 操作 步骤 如 下 。 

EC 首先 新 建 一 个 文档 或 打开 一 个 文档 。 

EEC 在 文档 编辑 区 中 ， 将 光标 放置 在 需要 插入 多 媒体 的 位 置 ， 选 择 “插入 ”一 “ 媒 
体 ” 一 “Flash SWF” 菜 单 命令 ， 弹 出 “选择 SWF” 对 话 框 ， 从 中 选择 要 插入 的 多 
媒体 文件 ， 然 后 单 击 “ 确 定 ” 按 钮 ， 如 图 2-51 所 示 。 

EEJS 这 样 即 可 完成 向 文档 中 插入 多 媒体 的 操作 ， 最 终 效果 如 图 2-52 所 示 。 
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2-51 “选择 SWF” 对 话 框 图 2-52 插入 多 媒体 后 的 效果 


2.4.9 设置 网 页 链接 


链接 是 网 页 中 极为 重要 的 部 分 ， 是 各 个 网 页 相互 跳 转 的 依据 ， 单 击 文档 中 的 链接 ， 即 可 
跳 转 至 相应 的 位 置 。 浏 览 网 页 就 是 从 一 个 文档 跳 转 到 另 一 个 文档 ， 从 一 个 位 置 跳 转 到 另 一 个 
位 置 ， 从 一 个 网 站 跳 转 到 另 一 个 网 站 的 过 程 ， 而 这 些 过 程 都 是 通过 链接 来 实现 的 。 

通过 Dreamweaver， 可 以 使 用 多 种 方法 来 创建 内 部 文本 链接 。 可 以 在 文档 窗口 中 选择 
“修改 ”一 “创建 链接 ”菜单 命令 ， 选 择 指 向 的 文件 ， 可 以 使 用 “属性 ”面板 来 链接 文件 ， 
即 单 击 “ 浏 览 文件 ”图 标 加 来 选择 文件 ， 也 可 以 使 用 “指向 文件 ”图 标 芒 来 选择 文件 或 直接 
输入 文件 路 径 。 

使 用 “属性 ”面板 创建 链接 的 具体 步骤 如 下 。 

首先 新 建 一 个 文档 或 打开 一 个 文档 。 

EC 选择 需要 添加 链接 的 文字 ， 单 击 “ 属 性 ”面板 中 的 “浏览 文件 ”图 标 国 ， 弹 出 

“选择 文件 ”对 话 框 ， 然 后 选择 需要 转向 的 网 页 ， 如 图 2-53 所 示 。 
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图 2-53 “选择 文件 ”对 话 框 
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ES 在 “属性 ”面板 的 “目标 ”下 拉 列 表 中 ， 可 以 选择 链接 文档 时 打开 的 框架 ， 如 
图 2-54 所 示 。 


| 《> mL] 格式 加) | 段落 本 计 无 BT 汪汪 绎 埋 标 题 I) 
即 css zw) 无 ~ ” 树 撞 QL) 游 西山 村 -htnl -BD 目标 


[页 而 必 性- ] ] 


| 列表 而 目 


2-54 “属性 ”面板 


其 中 各 选项 的 含义 如 下 。 

@  _blank: 将 链接 的 文件 载 入 一 个 未 命名 的 新 浏览 器 窗口 中 。 

@ new: 将 链接 的 文件 载 入 一 个 新 的 浏览 器 窗口 中 。 

@ parent: 将 链接 的 文件 载 入 含有 该 链接 的 框架 的 父 框架 集 或 父 窗口 中 。 如 果 包 
含 链接 的 框架 不 是 嵌 套 的 ， 链 接 文件 则 加 载 到 整个 浏览 器 窗口 中 。 

e@ self: 将 链接 的 文件 载 入 该 链接 所 在 的 同一 框架 或 窗口 中 。 此 目标 是 默认 的 
所 以 通常 不 需要 指定 它 。 

@ top: 将 链接 的 文件 载 入 整个 浏览 器 窗口 中 ， 会 删除 所 有 的 框架 。 

TD 图 像 热 点 链接 可 以 将 一 幅 图 分 割 为 若干 区 域 ， 并 将 这 些 区 域 设 置 为 热点 区 域 ， 
可 以 将 这 些 不 同 的 热点 区 域 链接 到 不 同 的 页 面 。 热 点 工具 有 3 种 : 矩形 热点 工具 、 
椭圆 形 热点 工具 和 多 边 形 热点 工具 。 选 中 图 像 后 ， 单 击 “ 属 性 ”面板 中 的 矩形 热点 

工具 按钮 器 j， 在 “情感 日 志 ” 图 像 上 拖 动 鼠标 ， 绘 制 一 个 矩形 热点 ， 即 可 创建 热 
点 ， 如 图 2-55 所 示 。 

EEIDp 电子 邮件 链接 是 一 种 特殊 的 链接 ， 单 击 这 种 链接 时 ， 就 会 启动 计算 机 中 相应 的 
E-mail 程序 ， 允 许 书写 电子 邮件 ， 然 后 发 往 指定 地 址 。 选 择 文字 “联系 我 们 ”， 然 
后 选择 “插入 ”一 “电子 邮件 链接 ”菜单 命令 ， 弹 出 “电子 邮件 链接 ”对 话 框 ， 输 
入 要 链接 的 电子 邮箱 ， 如 图 2-56 所 示 。 
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匡 关 农家 腊 酒 活 ， 丰 年 留 客 忌 鸡 豚 。 


山 重 水 复 疑 无 路 ， 柳 瞳 花 明 又 一 村 。 
笠 鼓 追随 春 社 近 ， 衣 冠 简朴 十 风 存 。 7 ED 
从 今 若 许 闲 乘 月 ， 持 杖 无 时 夜中 门 。 


电子 邮件 : 357975357@qq. con 


图 2-55 ”绘制 一 个 矩形 热点 图 2-56 “电子 邮件 链接 ”对 话 框 
(ETRY 单 击 “ 确 定 ”按钮 ， 即 可 完成 电子 邮件 链接 的 添加 操作 ， 如 图 2-57 所 示 。 


游 山 西村 
全 闫 家 家 箭 酒 深 ， 笠 年 帘 客 定 确 及 。 
| 重水 复 颖 无 路 ， 柳 瞳 花 明 又 一 村 。 
峰 关 追随 春 社 近 ， 衣 冠 向 相 十 风 存 。 
从 今 若 许 闲 科 月 ， 柱 杖 无 时 夜中 门 。 


匡 系 我 们 


图 2-57 ”完成 了 电子 邮件 链接 的 添加 操作 


2.4.10 ”在 网 页 中 插入 表格 


表格 是 网 页 制作 中 不 可 缺少 的 网 页 元 素 之 一 ， 在 Dreamweaver CS6 中 ， 表 格 主要 用 来 安 
排 网 页 的 整体 布局 ， 也 可 以 用 来 制作 简单 的 图 表 。 在 文档 中 ， 利 用 表格 可 以 对 网 页 内 容 进行 
精确 定位 。 
使 用 “插入 ”面板 或 “插入 ”菜单 ， 都 可 以 创建 新 表格 ， 然 后 设置 表格 的 属性 ， 也 可 以 
添加 和 删除 表格 的 行 和 列 ， 还 可 以 对 表格 进行 拆 分 和 合并 。 
操作 表格 的 具体 步骤 如 下 。 
EC 首先 新 建 一 个 文档 或 打开 一 个 文档 ， 将 光标 定位 到 需要 插入 表格 的 位 置 ， 选 择 
“插入 ”一 “表格 ”菜单 命令 ， 打 开 “ 表 格 ” 对 话 框 ， 如 图 2-58 所 示 。 
ED 在 “表格 ”对 话 框 中 ， 将 “ 行 数 ” 设 置 为 5，“ 列 ”设置 为 2，“ 表 格 宽度 ” 设 
置 为 400 像素 ，“ 边 框 粗细 ”设置 为 1 像素 ， 其 他 保持 默认 设置 ， 单 击 “ 确 定 ” 按 
钮 ， 即 可 在 文档 中 插入 表格 ， 如 图 2-59 所 示 。 


9SO JeAeemueeJda 范 芝 _ 几 忆 中 


罗 GG 


要 格 大 小 a 
行 数 : 5 到 加 
雪 格 宽度 :200 伪 素 “| 
这 框 炮 细 : 1 便条 
| 
田 | 
| 
| | 
(em [= ek 
图 2-58 “表格 ”对 话 框 图 2-59 插入 表格 后 的 效果 


在 “表格 ”对 话 框 中 可 以 进行 以 下 设置 。 

@ ” 行 数 ， 在 该 文本 框 中 输入 新 建 表格 的 行 数 。 

。 ” 列 : 在 该 文本 框 中 输入 新 建 表格 的 列 数 。 

ee 表格 宽度 : 用 于 设置 表格 的 宽度 ， 单 位 可 以 是 像素 或 百分比 。 


DreamweavertFHP+MySQL 动 态 网 站 开发 
案例 课堂 由” 一 


。 ”边框 粗细 : 用 于 设置 表格 边框 的 宽度 (以 像素 为 单位 )。 若 设置 为 0， 在 浏览 时 ， 
则 不 显示 表格 边框 。 

ee 单元 格 边 距 : 用 于 设置 单元 格 边框 和 单元 格 内 容 之 间 的 像素 数 。 

@ 单元 格 间距 : 用 于 设置 相 邻 单元 格 之 间 的 像素 数 。 

。 ”标题 ， 用 于 设置 表 头 样式 ， 有 4 种 样式 可 供 选 择 。 


a 


左 一 一 将 表格 的 第 一 列 作为 标题 列 ， 表 格 中 的 每 一 行 可 以 输入 一 个 标题 。 
顶部 一 一 将 表格 的 第 一 行 作为 标题 行 ， 表 格 中 的 每 一 列 可 以 输入 一 个 标题 。 


两 Tb 后 | 款 题 和 行 标题 。 
NN 。 标题， 在 该 文本 框 中 输入 表格 的 标题 ， 标 题 将 显示 在 表格 的 外 部 。 


。 摘要 : 对 表格 进行 说 明 或 注释 ， 内 容 不 会 在 浏览 器 中 显示 ， 仅 在 源 代码 中 显 
示 ， 可 提高 源 代码 的 可 读 性 。 
EE> 选 定 表格 后 ， 选 择 “ 窗 口 ” 一 “属性 ”菜单 命令 ， 或 按 CaltF3 组 合 键 ， 即 可 打 
开 表 格 的 “属性 ”面板 ， 如 图 2-60 所 示 。 
EGG 将 鼠标 指针 移动 到 单元 格 的 边框 上 ， 当 鼠标 指针 变 成 地 形状 时 ， 按 下 忌 标 左 键 并 
上 下 移动 ， 即 可 改变 单元 格 的 高 度 ， 如 图 2-61 所 示 。 


尾 性 

周 放 行 GE “| 寓 归 [oo je 过 本 杆 和 中 0] 刘 齐 W[g%w ， 司 类 加 | 无 加 
一 | 列 四 眉 iaEGo ] ilEoll | 
on 
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图 2-60 “属性 ”面板 图 2-61 改变 单元 格 的 高 度 
Se 对 表格 的 高 度 一 般 不 需要 进行 设置 ， 它 会 根据 单元 格 中 所 输入 的 内 容 自 动 调 整 。 
< 


在 表格 的 “属性 ”面板 中 ， 可 以 进行 以 下 设置 。 

日 “表格 ”文本 框 : 用 于 设置 表格 的 标识 。 

e “ 行 ” 和 “ 列 ” 文 本 框 : 用 于 设置 表格 中 的 行 数 和 列 数 。 可 通过 修改 该 值 ， 达 
到 添加 或 删除 表格 行 和 列 的 目的 。 

“ 宽 ” 文 本 框 : 用 于 设置 表格 的 宽度 值 ， 单 位 是 像素 或 百分比 。 

“填充 ”文本 框 : 设置 单元 格 边 距 ， 指 单元 格 边框 和 单元 格 内 容 间 的 像素 数 。 
“间距 ”文本 框 : 设置 单元 格 间距 ， 指 相 邻 单元 格 之 间 的 像素 数 。 

“对 齐 ” 下 拉 列 表 : 用 于 设置 表格 的 对 齐 方式 ， 该 下 拉 列 表 中 包括 默认 、 左 对 
齐 、 居 中 对 齐 和 右 对 齐 4 个 选项 。 

“边框 ”文本 框 : 用 于 设置 表格 边框 的 宽度 (以 像素 为 单位 )。 

“清除 列 宽 ” 按 钮 加 和 “清除 行 高 ”按钮 图 : 用 于 清除 表格 的 列 宽 和 行 高 。 


e “将 表格 宽度 转换 成 像素 ”按钮 吊 : 可 用 来 将 表格 中 每 列 的 宽度 转换 为 以 像素 
为 单位 的 宽度 。 
。 “将 表格 宽度 转换 成 百分比 ”按钮 吧 : 可 用 来 将 表格 中 每 列 的 宽度 转换 为 以 百 
分 比 为 单位 的 宽度 。 
ED 选择 需要 改变 高 度 的 单元 格 ， 在 “属性 ”面板 的 “高 ”文本 框 中 输入 “60”， 
可 以 精确 地 设 定单 元 格 的 高 度 ， 如 图 2-62 所 示 。 


> mL 目标 规则 《新 内 联 笠 式 > ~ | 宣 祭 四 吕 黑 认 字 伟 - = - 
编 得 规则“ ] [ css 面板 Tf) ] 大 小 5S) 无 -jE 

国 单元 格 。 水平 四 [区 这 ] 训 m0 不 摘 行 o 门 背景 EH | 

一 口 东 看 直 | 肿 A ] 高 0 可 本 四 口 


图 2-62 ”精确 地 设 定单 元 格 的 高 度 


区 BY 将 鼠标 指针 移动 到 单元 格 的 边框 上 ， 当 鼠标 指针 变 成 中 形状 时 ， 按 下 鼠标 左 键 
并 左右 移动 ， 即 可 改变 单元 格 的 宽度 ， 如 图 2-63 所 示 。 

ED 将 光标 放置 在 要 删除 的 行 或 列 中 ， 选 择 “ 修 改 ” 一 “表格 ”一 “删除 行 ”或 
“删除 列 ” 菜 单 命令 ， 即 可 删除 行 或 列 ， 如 图 2-64 所 示 。 如 果 选 择 “ 插 入 行 ”或 
“插入 列 ” 菜 单 命令 ， 即 可 添加 行 或 列 。 


中 
外 
可 
者 式 0) [无 EA = ' 
+ 73= 1 Er Bes | Dm 本 | 
181= 转 Ee 二 区。 =c5sm 
OF ME um | mo mm mshit 
图 2-63 ”改变 单元 格 的 宽度 图 2-64 ”删除 行 或 列 


EECRB 选择 需要 合并 的 单元 格 并 右 击 ， 在 弹出 的 快捷 菜单 中 选择 “表格 ”一 “合并 单 
元 格 ” 命 令 ， 即 可 合并 选择 的 单元 格 ， 如 图 2-65 所 示 。 
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Dreamweaver+PHP+MySQL 动 态 网 站 开发 
案例 课堂 由 一 


Corl+AR+M 


白 分 单元 禾 (P). Ctr+Ak+s 


插入 行 (N) Cd+M 
插入 列 ( 〇 Carl+Shif+A 
播 入行 或 列 四 

到 于 行 (D) Curl+Shift+M 
BFE) Can+Shif+- 
增 h0 行 完 (R 
过 bp 列 竟 (A) 
二 DFR(W 


CarsShiftr] 


2-65 ”合并 单元 格 


区 于 EY 选择 需要 拆 分 的 单元 格 并 右 击 ， 在 弹出 的 快捷 菜单 中 选择 “表格 ”一 “ 拆 分 单 
元 格 ” 命 令 ， 如 图 2-66 所 示 。 


| 要 格 (8) 运 择 表格 (S) 
段落 格式 (P) » 合并 单元 格 (M) Cerl+Alt+M 
JU | SM | CettAtts 
”| 播 N 行 (N) ckM 
et ”| 播 A 列 (O CotShift+A 
Se *| 。。 播 入 行 或 列 0.。 

= css st(O) ， 

| mt 删除 行 (D) Ctrl+Shift+M 
模板 站) "| Ml 到 (E) Ctrl+Shift+- 
Ee "| FR 

图 2-66 拆 分 单元 格 


EEC 打开 “ 拆 分 单元 格 ” 对 话 框 ， 在 “ 列 数 ” 文 本 框 中 输入 “4”， 如 图 2-67 所 示 
EC 单 击 “ 确 定 ”按钮 ， 即 可 拆 分 选择 的 单元 格 ， 最 终 效果 如 图 2-68 所 示 。 


把 单元 格 拆 分 曲 行 B) 


于 CC): 司 


图 2-67 


2.4.11 


回 列 C5) 


“ 拆 分 单元 格 ”对 话 框 


使 用 表单 对 象 


2-68” 拆 分 了 选择 的 单元 格 


表单 用 于 把 来 自用 户 的 信息 提交 给 服务 器 ， 是 网 站 管理 者 与 浏览 者 之 间 进 行 沟 通 的 桥 
梁 。 利 用 表单 处 理 程序 ， 可 以 收集 、 分 析 用 户 的 反馈 意见 ， 以 做 出 科学 、 合 理 的 决策 ， 
此 ， 表 单 设计 得 好 坏 ， 是 一 个 网 站 成 功 与 否 的 重要 因素 。 使 用 Dreamweaver CS6 创建 表单 ， 


可 以 给 表单 中 添加 对 象 ， 还 可 以 通过 使 用 行为 来 验证 用 户 输入 信息 的 正确 性 。 
下 面 以 制作 一 个 留言 本 为 例 ， 来 讲解 如 何在 网 页 中 插入 表单 ， 具 体 的 操作 步骤 如 下 。 
本 TT 打开 随 书 光盘 中 的 “ch02\ 制 作 留 言 本 .html” 文 件 ， 如 图 2-69 所 示 。 
七 了 TY 将 光标 移 到 下 一 行 ， 单 击 “插入 ”面板 “表单 ”选项 卡 中 的 “表单 ”按钮 回 ， 
插入 一 个 表单 ， 如 图 2-70 所 示 。 


CI = Lol 


图 2-69 打开 素材 文件 图 2-70 插入 表单 


ER 将 光标 放 在 红色 的 虚线 内 ， 选 择 “插入 ”一 “表格 ”菜单 命令 ， 弹 出 “表格 ” 
对 话 框 。 我 们 将 “ 行 数 ”设置 为 9，“ 列 ”设置 为 2，“ 表 格 宽度 ”设置 为 470 像 
素 ，“ 边 框 粗细 ”设置 为 1，“ 单 元 格 边 距 ”设置 为 2，“ 单 元 格 间距 ”设置 为 3， 
如 图 2-71 所 示 。 

EC) 单 击 “ 确 定 ” 按 钮 ， 在 表单 中 插入 表格 ， 并 调整 表格 的 宽度 ， 如 图 2-72 所 示 。 


行 数 :9 到 2 


二 格 间 朗 470 
边框 护 把 :1 便 于 


Pe N J hox ~v| 面团 [] TT 
图 2-71 “表格 ”对 话 框 图 2-72 添加 表格 

EEJpp 在 第 1 列 单元 格 中 输入 相应 的 文字 ， 然 后 选 定 文字 ， 在 “属性 ”面板 中 ， 设 置 
文字 的 “大 小 ”为 12 像素 ， 将 “水 平 ” 设 置 为 “ 右 对 齐 ”，“ 垂 直 ” 设 置 为 “ 居 
中 ”， 设 置 效果 如 图 2-73 所 示 。 

本 TB> 将 光标 放 在 第 1 行 的 第 2 列 单元 格 中 ， 选 择 “ 插 入 ”一 “表单 ”一 “文本 域 ” 


CE 再 |] E 枉 站 蕊 旺 忆 


起 
2 
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Dreamweaver+PHP+MySQL 动 态 网 站 开发 
一 一 案例 课堂 > 


菜单 命令 ， 插 入 文本 域 。 在 “属性 ”面板 中 ， 设 置 文本 域 的 “字符 宽度 ”为 12， 
“最 多 字符 数 ”为 12，“ 类 型 ”为 “单行 ”， 如 图 2-74 所 示 。 


ET os 看 554 xz 360v 2X71 移 TEL 
2-73 在 表格 中 输入 文字 2-74 ”添加 文本 域 


EECIU9 重复 以 上 步骤 ， 在 第 4 行 、 第 5 行 和 第 6 行 的 第 2 列 单元 格 中 插入 文本 域 ， 并 
设置 相应 的 属性 ， 如 图 2-75 所 示 。 

EEJRD) 将 光标 放 在 第 2 行 的 第 2 列 单元 格 中 ， 单 击 “ 插 入 ”面板 “表单 ”选项 卡 中 的 
“ 单 选 按钮 ”按钮 回 ， 插 入 单 选 按钮 ， 在 单 选 按钮 的 右 侧 输入 “ 男 ”， 按 照 同样 的 
方法 ， 再 插入 一 个 单 选 按钮 ， 输 入 “ 女 ”， 如 图 2-76 所 示 。 在 “属性 ”面板 中 ， 将 
“初始 状态 ”分 别 设置 为 “已 选中 ”和 “未 选中 ”。 


让 eh — pa 


丰 he ET | 时 1 和 
kl Ee 高 o| 人 四 了 了 bl 


图 2-75 添加 其 他 文本 域 图 2-76 添加 单 选 按钮 


EESUDD 将 光标 放 在 第 3 行 的 第 2 列 单元 格 中 ， 单 击 “ 插 入 ”面板 “表单 ”选项 卡 中 的 
“ 复 选 框 ”按钮 团 ， 插 入 复 选 框 。 在 “属性 ”面板 中 ， 将 “初始 状态 ”设置 为 “未 
选中 ”， 在 其 后 输入 文本 “音乐 ”， 如 图 2-77 所 示 。 

EC 按照 同样 的 方法 ， 插 入 其 他 复 选 框 ， 设 置 属 性 并 输入 文字 ， 如 图 2-78 所 示 。 

EEC 将 光标 置 于 第 8 行 的 第 2 列 单元 格 中 ， 然 后 选择 “插入 ”一 “表单 ”一 “文本 
区 域 ”菜单 命令 ， 插 入 多 行文 本 域 ， 在 “属性 ”面板 中 的 选项 为 默认 值 ， 如 图 2-79 
所 示 。 

EEEP9 将 光标 放 在 第 7 行 的 第 2 列 单元 格 中 ， 选 择 “ 插 入 ”一 “表单 ”一 “文件 域 ” 
菜单 命令 ,插入 文件 域 ， 然 后 在 “属性 ”面板 中 设置 相应 的 属性 ， 如 图 2-80 所 示 。 
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图 2-77 添加 复 选 框 图 2-78 添加 其 他 复 选 框 
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图 2-79 插入 多 行文 本 域 图 2-80 插入 文件 域 


葬 于 E> 选 定 第 9 行 的 两 个 单元 格 ， 选 择 “ 修 改 ” 一 “表格 ”一 “合并 单元 格 ”菜单 命 
令 ， 合 并 单元 格 ， 如 图 2-81 所 示 。 然 后 将 光标 放 在 合并 后 的 单元 格 中 ， 在 “属性 ” 
面板 中 ， 将 “水 平 ”设置 为 “居中 对 齐 ”。 

E> 选择 “插入 ”一 “表单 ”一 “按钮 ”菜单 命令 ， 插 入 两 个 按钮 ，[ 提 交 ] 按 钮 和 

至] 掖 钮 。 在 “属性 ”面板 中 ， 分 别 设置 相应 的 属性 ， 如 图 2-82 所 示 。 
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图 2-81 合并 单元 格 图 2-82 插入 提交 与 重 置 按钮 
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EEDD) 保存 文档 ， 按 F12 键 ， 在 浏览 器 中 预览 效果 ， 如 图 2-83 所 示 。 


2-83 ”预览 网 页 的 效果 
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网 页 编程 
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ript 和 PHP 进行 网 页 编程 的 常用 知识 点 。 


< 


目标 (已 掌握 的 在 方 框 中 打 勾 ) 
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要 想 自 己 动手 建立 网 站 ， 
么 绚丽 的 网 页 ， 都 要 通过 编程 语言 去 实现 。 本 章 主 要 介绍 几 种 常见 的 网 
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3.1 熟悉 HTML 


HTML(Hypertext Markup Language) 即 超 文本 标记 语言 或 超 文本 链接 标记 语言 ， 其 文件 后 
组 名 为 .htm 或 .html， 是 目前 网 络 上 应 用 最 为 广泛 的 语言 ， 也 是 构成 网 页 文档 的 主要 语言 。 

HTML 的 结构 包括 头 部 (head)、 主 体 body) 两 大 部 分 ， 其 中 ， 头 部 描述 浏览 器 所 需 的 信 
息 ， 而 主体 则 包含 所 要 说 明 的 具体 内 容 。 


NN 3.1.1 我 的 第 一 个 HTML 页 面 

2 制作 HTML 页 面 时 ， 可 以 使 用 记事 本 、 写 字 板 、Word、FrontPage、Dreamweaver 及 其 他 
具有 文字 编排 功能 的 工具 ， 只 要 把 最 后 生成 的 文件 以 .html 为 后 级 名 保存 即 可 。 但 不 同 的 开发 
工具 具有 不 同 的 开发 效率 ， 这 里 ， 我 们 向 读者 推荐 使 用 Dreamweaver。 

可 以 利用 Dreamweaver 提供 的 页 面 和 HTML 代码 之 间 相 互 转换 的 功能 。 如 编写 出 HTML 
代码 后 ， 通 过 Dreamweaver， 就 可 以 马上 看 到 相应 的 页 面 是 什么 样子 了 ， 反 之 亦 然 。 当 看 到 
一 个 漂亮 的 页 面 时 ， 通 过 Dreamweaver， 即 可 知道 它 的 HTML 代码 。 

下 面 用 Dreamweaver CS6 创建 一 个 空白 的 HTML 文件 ， 如 图 3-1 所 示 。 
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图 3-1 新 建立 的 HTML 页 面 


在 “标题 ”文本 框 中 输入 “第 一 个 HTML 网 页 ”， 单 击 L 蕉 按钮， 在 基本 窗口 中 输入 
“这 是 我 制作 的 第 一 个 页 面 ”， 如 图 3-2 所 示 。 
我 们 把 “代码 ”窗口 中 的 代码 复制 出 来 进行 分 析 ， 代 码 如 下 : 


<!ldoctype html> 

<html> 

<head> 

<meta charset="utf-8"> 
<title> 第 一 个 HTML 网 页 </title> 
</head> 


<body> 

这 是 我 制作 的 第 一 个 页 面 
</body> 

</html> 
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图 3-2 标题 及 输入 文字 说 明 


读者 可 以 注意 到 ， 上 面 的 代码 有 以 下 几 个 最 基本 的 特点 : 


在 代码 中 ， 有 很 多 用 <> 括 起 的 代码 ， 这 就 是 HTML 语言 的 标记 符号 。 

代码 主要 由 head 和 body 两 部 分 组 成 。 

代码 中 有 很 多 成 对 出 现 的 标记 ， 如 出 现 <html> 后 ， 在 后 面 会 出 现 与 之 对 应 的 
</html>; 如 前 面 出 现 <head> 后 ， 在 后 面 会 出 现 与 之 对 应 的 </head>。 在 成 对 出 现 的 标 
记 中 ， 第 一 个 表示 开始 ， 第 二 个 表示 结束 。 并 且 结 束 的 标记 要 多 一 个 斜 杠 。 


接 下 来 看 看 这 些 标记 所 代表 的 意义 。 


html: 表示 被 <html> 及 </html> 所 包围 起 来 的 内 容 是 一 份 HTML 文件 人 代码。 不过， 本 
标记 也 可 以 省 略 。 

head: 此 标记 用 来 注 明 此 份 文 件 的 作者 等 信息 ， 除 了 <title> 会 显示 在 浏览 器 的 标题 列 
之 外 ， 其 他 的 内 容 并 不 会 显示 出 来 ， 故 <meta> 也 可 以 省 略 。 

meta: 表示 一 个 meta 变量 ， 其 作用 是 声明 信息 或 向 Web 浏览 器 提供 具体 的 指令 。 
title: 表示 该 页 面 的 标题 ， 这 两 个 标记 中 间 的 字符 将 会 显示 在 浏览 器 的 标题 栏 上 ， 如 
上 面 示例 中 的 “第 一 个 HTML 网 页 ”就 会 显示 在 浏览 器 的 标题 栏 上 。 

body: 被 此 标记 所 围 起 来 的 部 分 ， 即 表示 是 HTML 文件 的 内 容 ， 会 被 浏览 器 显示 在 
窗口 中 。 不 过 ， 本 标记 也 可 以 省 略 。 


3.1.2 ”HTML 元 素 的 属性 


HTML 元 素 可 以 拥有 属性 ， 属 性 用 来 扩展 HTML 元 素 的 能 力 。 
比如 ， 我 们 可 以 使 用 一 个 bgcolor 属性 ， 使 得 页 面 的 背景 色 成 为 红色 ， 代 码 如 下 : 


<body bgcolor="red"> 
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属性 通常 由 属性 名 和 值 成 对 构成 ， 形 如 name=“value”。 例 如 ， 上 面 例子 中 的 bgcolor 就 是 
name， 而 red 就 是 value。 属 性 值 一 般 用 双 引 号 包围 起 来 。 
属性 通常 只 附加 给 开始 标记 ， 而 不 是 结束 标记 。 


3.1.3 body 属性 的 设置 


body 标记 作为 网 页 的 主体 部 分 ， 有 很 多 内 置 属性 ， 这 些 属性 用 于 设置 网 页 的 总 体 风格 。 
主要 属性 如 表 3.1 所 示 。 


表 3.1 body 的 主要 属性 


属 性 功 能 
background 指定 文档 背景 图 像 的 URL 地 址 
bgcolor 指定 文档 的 背景 颜色 
text 指定 文档 中 文本 的 颜色 
link 指定 文档 中 未 访问 过 的 超 链接 的 颜色 
Vlink 指定 文档 中 已 被 访问 过 的 超 链 接 的 颜色 
alink 指定 文档 中 正 被 选中 的 超 链接 的 颜色 
leftmargin 设置 网 页 左边 留 出 空白 间距 的 像素 个 数 
topmargin 设置 网 页 上 方 留 出 空白 间距 的 像素 个 数 


在 上 述 属性 中 ， 各 个 颜色 属性 的 值 有 两 种 表示 方法 : 一 种 是 使 用 颜色 名 称 来 指定 ， 例 如 
红色 、 绿 色 和 蓝 色 分 别 用 red、green 和 blue 来 表示 ; 另 一 种 是 使 用 十 六 进 制 RGB 格式 来 表 
示 ， 表 示 形 式 为 color=“#RRGGBB" 或 color=“"RRGGBB”， 其 中 RR 是 红色 、GG 是 绿色 、BB 
是 蓝 色 ， 各 颜色 分 量 的 取 值 范围 为 00~FF。 例 如 ，#00FF00 表示 绿色 ， 考 FFFFF 表示 白色 。 

背景 图 片 属性 值 是 一 个 相对 路 径 的 图 片 文件 名 ， 如 <body backgroud 二 “bg.gif*> 中 bg.gif 是 
背景 图 片 的 名 字 ， 实 际 是 带 相对 路 径 的 图 片 文件 名 字 。 

比如 ， 我 们 做 的 这 个 页 面 放 在 d:myweb\， 而 背景 图 片 的 位 置 放 在 c:\myweb\images\， 那 
么 就 需要 这 样 写 了 : 


<body background="images\bg.gif"> 


3.1.4 字体 属性 的 应 用 

网 页 主要 是 由 文字 及 图 片 组 成 的 ， 在 网 页 中 ， 那 些 千 变 万 化 的 文字 效果 又 是 由 哪些 常用 
的 标签 进行 控制 的 呢 ? 本 节 主要 介绍 文字 的 大 小 、 字 体 、 样 式 及 颜色 控制 。 

1. 文字 的 大 小 设置 


提供 设置 文字 外 观 的 标记 是 font，font 还 有 一 个 属性 size， 通 过 指定 size 属性 ， 就 能 设置 
字号 大 小 ， 而 size 属性 的 有 效 值 范围 为 1~7， 其 中 默认 值 为 3。 可 以 在 size 属性 值 之 前 加 上 
“+”、“- ”字符 ， 来 指定 相对 于 字号 默认 值 的 增 量 或 减 量 。 


【 例 3.1】 设 置 网 页 文字 大 小 (实例 文件 : ch03\3.1.html) 


<html> 

<head> 

<title> 字 号 大 小 </title> 

</head> 

<body> 

<font size=7> 这 是 size=7 的 字体 </font><P> 
<font size=6> 这 是 size=6 的 字体 </font><P> 
<font size=5> 这 是 size=5 的 字体 </font><P> 
<font size=4> 这 是 size=4 的 字体 </font><P> 
<font size=3> 这 是 size=3 的 字体 </font><P> 
<font size=2> 这 是 size=2 的 字体 </font><P> 
<font size=1> 这 是 size=1 的 字体 </font><P> 
<font size=-1> 这 是 size=-1 的 字体 </font><P> 
</body> 

</html> 


预览 效果 如 图 3-3 所 示 。 
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图 3-3 文字 不 同 大 小 的 样式 


2. 文字 的 字体 与 样式 


HTML 4.0 以 上 的 版 本 提供 了 定义 字体 的 功能 ， 用 face 属性 来 完成 这 个 工作 。face 的 属性 
值 可 以 是 本 机 上 的 任 一 字体 类 型 ， 但 有 一 点 需要 注意 ， 只 有 对 方 的 电脑 中 装 有 相同 的 字体 ， 
才 可 以 在 其 浏览 器 中 出 现 预先 设计 的 风格 。 该 属性 的 使 用 格式 如 下 : 


<font face=" 字 体 "> 


【 例 3.2】 设 置 文字 的 字体 (实例 文件 ，ch03\3.2.html) 


<HTML> 

<HEAD> 

<TITLE> 字 体 </TITLE> 

</HEAD> 

<BODY> 

<CENTER> 

<FONT face=" 楷 体 GB2312"> 欢 迎 光临 </FONT><P> 
<FONT face=" 宋 体 "> 欢迎 光临 </FONT><P> 

<FONT face=" 仿 泉 _GB2312"> 欢 迎 光 临 </FONT><P> 
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<FONT face=" 黑 体 "> 欢迎 光临 </EFONT><P> 
<FONT face="Arial">Welcome my homepage.</FONT><P> 
<FONT face="Comic Sans MS">Welcome my homepage.</FONT><P> 


</CENTER> 

</BODY> 

</HTML> 

预览 效果 如 图 3-4 所 示 。 


图 3-4 设置 不 同 字体 后 的 效果 


HTML 还 提供 了 一 些 文本 控制 标记 ， 可 以 产生 文字 的 强调 加 粗 、 和 斜体 、 加 下 划 线 等 效 
现 将 常用 的 标记 列举 如 下 。 

<b>...</b>: 粗 体 。 

<i>.…</i>: 斜体 。 

<u>.…</u>: 加 下 划 线 。 

<tt>...<tt>: 打字 机 字体 。 

<big>..….</big>: 大 型 字体 。 

<small>.….</small>: 小 型 字体 。 

<blink>...</blink>: 闪烁 效果 。 

<em>...</em>: 表示 强调 ， 一 般 为 斜体 。 
<strong>.…</strong>: 表示 特别 强调 ， 一 般 为 粗 体 。 
<cite>...</cite>: 用 于 引证 、 举 例 ， 一 般 为 斜体 。 
【 例 3.3】 设 置 文字 的 样式 (实例 文件 ，ch03\3.3.html) 


<html> 

<head> 
<title> 字 体 样式 </title> 
</head> 

<body> 

<B> 黑 体 字 </B> 

<P> <I> 和 斜体 字 </I> 

<P> <U> 加 下 划 线 </U> 

<P> <BIG> 大 型 字体 </BIG> 
<P> <SMRALL> 小 型 字体 </SMALL> 
<P> <BLINK> 闪 烁 效果 </BLINK> 
<P><EM>Welcome</EM> 


沽 


<P><STRONG>Welcome</STRONG> 
<P><CITE>Welcome</CITE></P> 
</body> 
</html> 


预览 效果 如 图 3-5 所 示 。 
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图 3-5 不 同 字体 的 效果 
3. 文字 的 颜色 
文字 颜色 设置 的 格式 如 下 : 
<font color=color value>...</font> 


这 里 的 颜色 值 可 以 是 一 个 十 六 进 制 数 (用 # 作 为 前 缀 )， 也 可 以 是 以 下 16 种 常用 颜色 名 称 ， 
如 表 3.2 所 示 。 


表 3.2 常用 的 颜色 值 


black = “#000000” 加 


silver = “#COCOCO™ 


| gray = “#808080” 
white = “#FFFFFF™” 


“#008000™ 
lime = “#00FF00™ 


green 三 


olive = “#808000” 


ellow = “#FFFFO0™ 


棕色 maroon = “#800000™ navy = “#000080™ 


red = “#FF0000” blue = “#0000FF™ 


ple = “#800080”™ 


teal = “#008080” 


fuchsia = “#FFOOFF™ aqua = “#00FFFF™ 


【 例 3.4】 设 置 文字 的 颜色 (实例 文件 : ch03\3.4.html) 


<HTML> 

<HEAD> 
<TITLE> 文 字 的 颜色 </TITLE> 
</HEAD> 

<BODY BGCOLOR=000080> 
<CENTER> 
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<FONT COLOR=WHITE> 七 彩 网 络 </FONT><BR> 
<FONT COLOR=RED> 七 彩 网 络 </FONT> <BR> 
<FONT COLOR=#00FFFF> 七 彩 网 络 </FONT><BR> 
<FONT COLOR=#FFFF00> 七 彩 网 络 </FONT><BR> 
<FONT COLOR=#FFFFFF> 七 彩 网 络 </FONT> <BR> 
<FONT COLOR=#00FF00> 七 彩 网 络 </FONT><BR> 
<FONT COLOR=#C0C0C0> 七 彩 网 络 </FONT><BR> 
</CENTER> 

</BODY> 

</HTML> 


预览 效果 如 图 3-6 所 示 。 
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图 3-6 不 同 的 文字 颜色 效果 


4. 位 置 控制 


通过 align 属性 ， 可 以 选择 文字 或 图 片 的 对 齐 方式 。left 表示 向 左 对 齐 ，right 表示 向 右 对 
齐 ，center 表示 居中 。 
【 例 3.5】 设 置 文 字 的 位 置 (实例 文件 ， ch03\3.5.html) 


<html> 

<head> 
<title> 位 置 控制 </title> 
</head> 


<body> 

<div> 
<div align="left"> 你 好 !<br> 
</div> 
<div align="center"> 你 好 !<br> 
</div> 
<div align="right"> 你 好 !<br> 
</div> 

</div> 

</body> 

</html> 


页 览 效 果 如 图 3-7 所 示 。 
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图 3-7 文字 位 置 控制 的 效果 


另外 ，align 属性 也 常常 用 在 其 他 标记 中 ， 引 起 其 内 容 位 置 的 变动 。 
例如 : 
<P ALIGN=#> 


<HR ALIGN=#> #=1left / right / center 
<H1 ALIGN=#> 


5. 无 序号 列表 


无 序号 列表 使 用 的 一 对 标记 是 <UL>...</UL>， 需 要 在 每 一 个 列表 项 前 使 用 <LI>。 其 结构 
如 下 所 示 : 


<UL> 
<LI> 第 一 项 
<LI> 第 二 项 
<LI> 第 三 项 


</UL> 


【 例 3.6】 设 置 无 序号 列表 (实例 文件 ，ch03\3.6.html) 


<html> 

<head> 
<title> 无 序列 表 </title> 
</head> 


<body> 

这 是 一 个 无 序列 表 : <P> 

<UL> 
国际 互联 网 提供 的 服务 有 : 
<LI>WWW 服务 
<LI> 文 件 传输 服务 
<LI> 电 子 邮 件 服务 
<LI> 远 程 登录 服务 
<LI> 其 他 服务 

</UL> 

</body> 

</html> 
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预览 效果 如 图 3-8 所 示 。 
司 byRPBRpihres0aa: BP- OX R 
图 3-8 无 序列 表 的 文字 排版 效果 
6， 序 号 列表 


序号 列表 与 无 序号 列表 的 使 用 方法 基本 相同 ， 使 用 标签 <OL></OL>， 每 一 个 列表 项 前 使 
用 <LI>。 每 个 项 目 都 有 前 后 顺序 之 分 ， 多 数 用 数字 表示 。 
其 结构 如 下 所 示 : 


<OL> 
<LI> 第 一 项 
<LI> 第 二 项 
<LI> 第 三 项 
</OL> 


【 例 3.7】 设 置 有 序号 列表 (实例 文件 ，ch03\3.7.html) 


<html> 

<head> 
<title> 有 序列 表 </title> 
</head> 


<body> 

这 是 一 个 有 序列 表 : <P> 

<OL> 
国际 互联 网 提供 的 服务 有 : 
<LI>WWW 服务 
<LI> 文 件 传输 服务 
<LI> 电 子 邮 件 服务 
<LI> 远 程 登录 服务 
<LI> 其 他 服务 

</OL> 

</body> 


</html> 


预览 效果 如 图 3-9 所 示 。 
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图 3-9 ”有 序列 表 的 效果 


3.1.5 ”在 网 页 中 插入 图 像 


图 像 可 以 美化 网 页 ， 插 入 图 像 使 用 单 标记 <img>。img 标记 的 属性 及 描述 如 表 3.3 所 示 。 
表 3.3 img 标记 的 属性 


IGG 


属 性 值 描 述 
alt 文本 定义 有 关 图 形 的 短 的 描述 
SIC URL 要 显示 的 图 像 的 URL 
height pixels % 定义 图 像 的 高 度 
ismap URL 把 图 像 定义 为 服务 器 端的 图 像 映射 
usemap URL 定义 作为 客户 端 图 像 映射 的 一 幅 图 像 。 

请 参阅 <map> 和 <area> 标 签 ， 了 解 其 工作 原理 

Vspace pixels 定义 图 像 项 部 和 底部 的 空白 。 不 支持 。 请 使 用 CSS 代替 
width Pixels_% 设置 图 像 的 宽度 


src 属性 用 于 指定 图 片 源 文件 的 路 径 ， 它 是 img 标记 必 不 可 少 的 属性 。 语 法 格式 如 下 : 
<img src=" 图 片 路 径 "> 


图 片 的 路 径 可 以 是 绝对 路 径 ， 也 可 以 是 相对 路 径 。 下 面 的 实例 是 在 网 页 中 插入 图 片 。 
【 例 3.8】 在 网 页 中 插入 图 像 (实例 文件 : ch03\3.8.html) 


<html> 

<head> 
<title> 插 入 图 片 </title> 
</head> 

<body> 

<img src="images/01.jpg"> 
</body> 

</html> 


在 下 浏览 器 中 的 预览 效果 如 图 3-10 所 示 。 
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一 案例 课堂 »… 
图 3-10 插入 图 片 的 效果 
3.1.6 ”表格 的 使 用 
在 网 页 中 ， 表 格 是 作为 搭建 网 页 结构 框架 的 主要 工具 之 一 ， 因 此 ， 掌 握 好 表格 常用 的 标 
记 也 是 非常 重要 的 。 


1. 表格 的 基本 结构 


表格 主要 是 嵌 套 在 <table> 和 </table> 标 记 里 面 的 ， 一 对 <table> 标 签 表示 组 成 一 个 表格 。 下 
面 列 出 与 表格 相关 的 基本 标记 。 
@ <table>...</table>: 定义 表格 。 


@ ”<caption>...</caption>: 定义 表格 标题 。 
e <tr>: 定义 表 行 。 

@ ”<th>: 定义 表 头 。 

e ”<td>: 定义 表 元 (表格 的 具体 数据 )。 
示例 时 


<table border=1> 
<tr><th> 姓 名 </th><th> 性 别 </th><th> 年 龄 </th> 
<tr><td> 李 睦 芳 </td><td> 男 </td><td>22</td> 
</table> 


预览 效果 如 图 3-11 所 示 。 


[Boveapitwes a. BD- Ox] Oe 
E 
EECOE IORTEOR II 


姻 名 性 别 许昌 


地 时 芳 民 “|2 


及 100 ~ 


3-11 ”表格 的 效果 


格 标题 位 置 的 设置 格式 。 


式 如 下 : 


2. 表格 的 标题 
表格 标题 的 位 置 ， 可 由 align 属性 来 设置 ， 其 位 置 可 以 在 表格 上 方 和 表格 下 方 。 下 面 为 表 


设置 标题 位 于 表格 上 方 : 
<caption align=top>...</caption> 
设置 标题 位 于 表格 下 方 : 


<caption align=bottom>...</caption> 


示例 : 


<table border=1> 
<caption align=top> 用 户 </caption> 
<tr><th> 姓 名 </th><th> 性 别 </th><th> 年 龄 </th> 
<tr><td> 李 睦 芳 </td><td> 男 </td><td>22</td> 
</table> 


预览 效果 如 图 3-12 所 示 。 


图 3-12 表格 标题 的 效果 


3. 边框 尺寸 设置 

边框 是 用 border 属性 来 体现 的 ， 它 表示 表格 的 边框 边 厚度 和 框 线 。 将 border 设 成 不 同 的 
有 不 同 的 效果 。 

(1) 格 间 线 宽度 

格 与 格 之 间 的 线 为 格 间 线 ， 它 的 宽度 可 以 使 用 <table> 中 的 cellspacing 属性 加 以 调节 。 格 


<table cellspacing=#> # 表 示 要 取 用 的 像素 值 

(2) 内 容 与 格 线 之 间 的 宽度 

还 可 以 在 <table> 中 设置 cellpadding 属性 ， 用 来 规定 内 容 与 格 线 之 间 的 宽度 。 格 式 为 : 
<table cellpadding=#> # 表 示 要 取 用 的 像素 值 

【 例 3.9】 创 建 不 同 边框 类 型 的 表格 (实例 文件 : ch03\3.9.htm) 


<html> 


se® 
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<body> 
<h4> 普 通 边框 </h4> 
<table border="1"> 
EE 
<td>First</td> 
<td>Row</td> 
世相 
芭 E 
<td>Second</td> 
<td>Row</td> 
WE 
</table> 


<h4> 加 粗 边框 </h4> 
<table border="8"> 
二 主人 
<td>First</td> 
<td>Row</td> 
</tr> 
<tr> 
<td>second</td> 
<td>Row</td> 
</tr> 
</table> 
</body> 
</html> 


在 正 9.0 浏览 器 中 预览 网 页 ， 效果 如 图 3-13 所 示 。 


司 HAUsersAdminist P ~ OX | @ HNusersAdmin 
文件 (F) 汕 强 (E) 。 豆 看 (V) ， 改 硬 交 (A) 工具 (T) 毅 巷 (H) 


[First 


[Second| 


图 3-13 程序 运行 结果 (创建 不 同 边 框 类 型 的 表格 ) 
4 表格 内 文字 的 对 齐 与 布局 


表格 中 ， 数 据 的 排列 方式 有 两 种 ， 分 别 是 左右 排列 和 上 下 排列 。 左 右 排 列 是 以 align 属性 
来 设置 的 ， 而 上 下 排列 则 由 valign 属性 来 设置 。 其 中 ， 左 右 排 列 的 位 置 可 分 为 三 种 : 居 左 
(left)、 居 右 (right) 和 居中 (center); 而 上 下 排列 比较 常用 的 有 四 种 : 上 齐 (top)、 居 中 (middle)、 
下 齐 (bottom) 和 基线 (baseline)。 

【 例 3.10】 使 用 align 属性 可 以 排列 单元 格 内 容 (实例 文件 : ch03\3.10.html) 


<html> 


全 


<body> 
<table width="400" border="1"> 
> 
<th align="left"> 项 目 </th> 
<th align="right"> 一 月 </th> 
<th align="right"> 二 月 </th> 
/Er 
<tE> 
<td align="left"> 衣 服 </td> 
<td align="right">$241.10</td> 
<td align="right">$50.20</td> 
</tr> 
中 由 
<td align="left"> 化 妆 品 </td> 
<td align="right">$30.00</td> 
<td align="right">$44.45</td> 
</tr> 
<tr> 
<td align="left"> 食 物 </td> 
<td align="right">$730.40</td> 
<td align="right">$650.00</td> 
< Er> 
< 
<th align="left"> 总 计 </th> 
<th align="right">$1001.50</th> 
<th align="right">$744.65</th> 
</tr> 
</table> 
</body> 
</html> 


在 正 9.0 浏览 器 中 预览 网 页 ， 效果 如 图 3-14 所 示 。 


WE) Hsers minist P ~ © 四 ER 
EECTIT 
一 月 二 月 
$241. 10| $50. 20| 
FEA Er 
ER 550.09 
6050| 亲生 


3-14 ”程序 运行 结果 (使 用 align 属性 排列 单元 格 内 容 ) 
5. 合并 与 拆 分 单元 格 
要 合并 与 拆 分 单元 格 ， 只 须 在 <th> 或 <td> 中 加 入 rowspan 或 colspan 属性 ， 这 两 个 属性 的 
值 ， 表 明了 单元 格 中 要 跨越 的 行 或 列 的 个 数 。 
(1) 用 colspan 属性 合并 左右 单元 格 
左右 单元 格 的 合并 需要 使 用 td 标记 的 colspan 属性 来 完成 ， 格 式 如 下 : 


Dreamweaver+PHP+MySQL 动 态 网 站 开发 
案例 课堂 的 一 


<tqd colspan=" 数 值 "> 单元 格 内 容 </td> 


其 中 ，colspan 属性 的 取 值 为 数值 型 整数 数据 ， 代 表 几 个 单元 格 进行 左右 合并 。 

例如 ， 下 面 的 例子 在 已 有 表格 的 基础 上 ， 将 Al 和 B1 单元 格 合并 成 一 个 单元 格 。 为 第 一 
行 的 第 一 个 <td> 标 记 增 加 colspan=“2” 属 性 ， 并 且 将 B1 单元 格 的 <td> 标 记 删 除 。 

【 例 3.11】 合 并 左右 单元 格 (实例 文件 : ch03\3.11.htmD) 


<html> 
<head> 
<title> 单 元 格 左右 合并 </title> 
</head> 
<body> 
<table border="1"> 
<tr> 
<td colspan="2">Al B1</td> 
<td>Cl1</td> 
</tr> 
EE 
<td>A2</td> 
<td>B2</td> 
<td>C2</td> 
SEE 
<tr> 
<td>A3</td> 
<td>B3</td> 
<td>C3</td> 
</Er> 
<tr> 
<td>RA4</td> 
<td>B4</td> 
<td>c4</td> 
</tr> 
</table> 
</body> 
</html> 


在 正 9.0 浏览 器 中 预览 网 页 ， 效果 如 图 3-15 所 示 。 


文件 (站 ”站 田 (E) 至 夏 (V)】 收 之 闪 (A) 工具 (T) 者 动 (H) 


1 B]| 


[BB3 
|B4 


3-15 ”单元 格 左右 合并 


从 预览 图 中 可 以 看 到 ，Al 和 B1 单元 格 合并 成 一 个 单元 格 ，C1 还 在 原来 的 位 置 上 。 


@¥ 合并 单元 格 以 后 ， 相 应 的 单元 格 标记 就 应 该 减少 ， 例 如 ，A1 和 Bl 合并 后 ，B1 
上 单元 格 的 <td></td> 标 记 就 应 该 丢掉 ， 否 则 单元 格 就 会 多 出 一 个 ， 并 且 后 面 单元 格 依次 
向 右 位 移 。 


(2) 用 rowspan 属性 合并 上 下 单元 格 
上 下 单元 格 的 合并 需要 为 <td> 标 记 增加 rowspan 属性 ， 格 式 如 下 : 
<td rowspan=" 数 值 "> 单元 格 内 容 </td> 


其 中 ，rowspan 属性 的 取 值 为 数值 型 整数 数据 ， 代 表 几 个 单元 格 进行 上 下 合并 。 

例如 ， 下 例 在 已 有 表格 的 基础 上 ， 将 Al 和 A2 单元 格 合并 成 一 个 单元 格 ， 为 第 一 行 的 第 
一 个 <td> 标 记 增 加 rowspan=“2” 属 性 ， 并 且 将 A2 单元 格 的 <td> 标 记 删 除 。 

【 例 3.12】 合 并 上 下 单元 格 (实例 文件 : ch03\3.12.htm]): 


<html> 
<head> 
<title> 单 元 格 上 下 合并 </title></head> 
<body> 
<table border="1"> 
<tr> 
<td rowspan="2">R1</td> 
<td>B1</td> 
<td>cl</td> 
</tr> 
<tr> 
<td>B2</td> 
<td>C2</td> 
</tr> 
<tr> 
<td>A3</td> 
<td>B3</td> 
<td>c3</td> 
</tr> 
<tr> 
<td>A4</td> 
<td>B4</td> 
<td>C4</td> 
</tr> 
</table> 
</body> 
</html> 


在 正 9.0 浏览 器 中 预览 网 页 效果 ， 如 图 3-16 所 示 。 

从 预览 图 中 可 以 看 到 ，Al 和 A2 单元 格 合 并 成 了 一 个 单元 格 。 

通过 上 面 对 左 右 单元 格 合并 和 上 下 单元 格 合并 的 操作 ， 读 者 会 发 现 ， 合 并 单元 格 就 是 
“丢掉 ” 某 些 单元 格 。 对 于 左右 合并 ， 就 是 以 左 侧 为 准 ， 将 右 侧 要 合并 的 单元 格 “丢掉 ”; 
对 于 上 下 合并 ， 就 是 以 上 侧 为 准 ， 将 下 侧 要 合并 的 单元 格 “丢掉 ”。 如 果 一 个 单元 格 既 要 向 
右 合 并 ， 又 要 向 下 合并 ， 该 如 何 实现 呢 ? 


主 山 中 泪水 和 局 习 由 洲 于 


GZ 


Dreamweaver+PHP+MySQL 动 态 网 站 开发 
案例 课堂 %>~… 
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图 3-16 单元 格 上 下 合并 
【 例 3.13】 向 右 并 向 下 合并 (实例 文件 ，ch03\3.13.html) 


<html> 
<head> 
<title> 单 元 格 左右 合并 </title> 
</head> 
<body> 
<table border="1"> 
<tr> 
AN <td colspan="2" rowspan="2">R1B1<br>RA2B2</td> 
\ <td>cl</td> 
Ne </tr> 
\ <tr> 
<td>c2</td> 
er 
3 
<td>A3</td> 
<td>B3</td> 
<td>C3</td> 
</tr> 
<tr> 
<td>A4</td> 
<td>B4</td> 
<td>C4</td> 
</tr> 
</table> 
</body> 
</html> 


在 正 9.0 浏览 器 中 预览 网 页 ， 效 果 如 图 3-17 所 示 。 


es 
| 局 He Wninst p - cx | Seteres# 
芭 作 上。 半 震 E) 和 者 W)。 次 过 天 A) 工具 (1 志和 (IH 


[aai [加 
[a2B2 

区 
本 


图 3-17 ”两 个 方向 合并 单元 格 


a 


从 上 面 的 代码 可 以 看 到 ，A1l 单元 格 向 右 合并 B1 单元 格 ， 向 下 合并 A2 单元 格 ， 并 且 A2 
单元 格 向 右 合并 B2 单元 格 。 


6. 表格 的 颜色 


在 表格 中 ， 既 可 以 对 整个 表格 填 入 底 色 ， 也 可 以 对 任何 一 行 、 一 个 单元 格 使 用 背景 色 。 
@ ”<table bgcolor=#>: 设置 表格 的 背景 色彩 格式 。 

@ ”<tr bgcolor=#>: 设置 行 的 背景 色彩 格式 。 

®@ ”<th bgcolor=- 纺 或 <td bgcolor=#>: 设置 单元 格 的 背景 色彩 格式 。 

【 例 3.14】 为 表格 添加 背景 颜色 (实例 文件 ，ch03\3.14.html) 


<!DOCTYPE html> 
<html> 
<body> 
<h4> 背 景 颜 色 : </h4> 
<table border="]1" bgcolor="green"> 
<tr> 
<td>100</td> 
<td>200</td> 
</tr> 
<tr> 
<td>300</td> 
<td>400</td> 
</tr> 
</table> 
</body> 
</html> 


在 了 9.0 浏览 器 中 预览 网 页 效果 ， 如 图 3-18 所 示 。 


主 山 咱 玛 总 测 世 习 “ 贡 e 加 全 


GG 


ee 国 HAuserswdminis P ~ © Xx |B HAuserswdmini 


文件 F) 蝙 强 (E) 。 豆 看 (V) ” 必 可 闪 (A) 工具 (D) 大 如 (H) 


背景 颜色 : 


图 3-18 程序 运行 结果 (为 表格 添加 背景 颜色 ) 
【 例 3.15】 为 单元 格 添加 背景 颜色 (实例 文件 ，ch03\3.15.html) 


<!DOCTYPE html> 
<html> 

<body> 
<h4> 单 元 格 背 景 </h4> 
<table border="1"> 
ES 


os®@ 
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<td bgcolor="red">100000</td> 
<td>200000</td> 

二 外 全 天 > 

< 
<td>200000</td> 
<td>300000</td> 

</tr> 

</table> 

</body> 

</html> 


在 正 9.0 浏览 器 中 预览 网 页 ， 效果 如 图 3-19 所 示 。 


FE 区 下 
此] DA 用 户 目录 Document\ 二 P-Cx| 
|@ ovarEaDocumens\. x| 
文件 由 入 纺 (E)】 下 看 (V) 收 戈 交 (A)】 工具 (T) 帮助 (H) 


单元 格 背景 
Emm 


[200000| 


成 100% ~ 


图 3-19 程序 运行 结果 (为 单元 格 添加 背景 颜色 ) 


3.1.7 ”表单 的 使 用 


留言 板 就 是 一 个 表单 运用 很 好 的 例子 。 表 单 通常 必须 配合 脚本 或 后 台 程序 来 运行 才 有 意 
义 ， 本 小 节 以 介绍 各 式 表 单 为 主 ， 在 本 书后 面 章节 中 将 介绍 如 何 将 表单 与 程序 结合 。 
以 下 是 常用 表单 及 属性 的 代码 示例 及 显示 效果 ， 如 表 3.4 所 示 。 


表 3.4 常用 表单 及 属性 的 代码 示例 及 显示 效果 


名 称 代码 示例 显示 效果 
文字 输入 框 <input type="text” name="“name” size="20”> 
单 选 按 钮 男 <input type="radio” name="“sex” value="boy”> RO 0 
女 <input type=“radio”* name=“sex” value=“girl”> 
复 选 框 <input type="checkbox” name-“hobby” value=“movie”> 电 影 厂 电影 三 看 书 
<input type="“checkbox” name-“hobby” value=“book”> 看 书 
密码 输入 框 <input type="“password” name="“input”> | 来 来 六 来 来 来 
“提交 资料 ”按钮 <input type=“submit”* value=“ 提 交 资 料 ”> 提交 资料 
“重新 填写 ”按钮 | <input type="reset” value=* 重 新 填写 > 重新 填写 
“我 同意 ”按钮 <input type=“button” name-“ok”value"“ 我 同意 ”> 我 同意 | 


二 


续 表 
名 称 代码 示例 显示 效果 
多 行 输入 框 <textarea name= talk” cols="15” rows="3"”></textarea> 目 


下 拉 列 表 <select name= like 人 

<option value= 喜 欢 "> 非常 喜欢 
<option value=“ 不 喜欢 ”> 不 喜欢 
<option value=“ 讨 大 "> 讨厌 


襄 采 趾 薄 注 六 沼 悦 _ 册 8 涛 是 是 


</select> 


3.1.8” 超 链接 的 使 用 


如 果 没 有 链接 WWW( 万 维 网 ) 将 失去 存在 的 意义 。 文 件 链接 是 超 链接 中 最 常用 的 一 种 情 
形 ， 基 本 语法 格式 如 下 : 

<a href=" 字 符 串 "” target=" 字 符 串 "title=" 字 符 串 '> 文 本 </a> 

其 中 各 属性 的 描述 如 下 。 

@ ”href: 该 属性 是 必 选 项 ， 用 于 指定 目标 端点 的 URL 地 址 。 

@ target: 该 属性 是 可 选项 ， 用 于 指定 一 个 窗口 或 框架 的 名 称 ， 目 标 文档 将 在 指定 窗口 

或 框架 中 打开 。 如 果 省 略 该 属性 ， 则 在 超 链接 所 处 的 窗 体 或 框架 中 打开 目标 文档 。 
e@ title: 该 属性 也 是 可 选项 ， 用 于 指定 鼠标 移 到 超 链 接 时 所 显示 的 标题 文字 。 
例如 ， 建 立 一 个 搜狐 的 超 链 接 ， 代 码 如 下 : 


<a href="http://www.sohu.com"> 搜 狐 </a> 


GG 


3.2 JavaScript 语言 


JavaScript 是 最 初 由 网 景 公司 推出 的 一 种 脚本 语言 ， 其 目的 是 为 了 加 强 HTML 的 表达 能 
力 ， 提 高 网 页 的 交互 性 ， 增 进 客户 端 网 页 上 处 理 数据 与 运算 的 能 力 。 


3.2.1 JavaScript 概述 


JavaScript 一 般 情 况 下 是 与 HTML 结合 在 一 起 使 用 的 ， 嵌 入 在 HIML 或 PHP 文件 中 。 在 
HTML 代码 中 ， 必 须 使 用 <script> 标 记 ， 才 能 使 用 脚本 语言 ， 格 式 如 下 : 
<script> 
语言 主体 信息 
</script> 


例如 ， 可 以 用 一 个 JavaScript 语句 将 一 段 欢迎 词 写 入 HTML 页 面 中 ， 代 码 如 下 : 


<script language="JavaScript"> 
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document .Write ("你 好 ! 欢迎 你 开始 学 习 Javascript 语言 ") ; 
</script> 
从 上 面 的 代码 可 以 看 出 ，JavaScript 代码 是 成 双 成 对 出 现在 <scrip 人 > 标记 中 的 ， 也 就 是 说 ， 
代码 从 <script> 开 始 ， 到 </script> 结 束 。 其 中 ，language 属性 代表 的 是 脚本 语言 。 
脚本 语言 可 以 出 现在 HTML 中 的 任何 位 置 。 上 述 代码 中 的 document 是 对 象 ，Write 是 
document 对 象 中 的 方法 。 


3.2.2 JavaScript 的 基本 语法 


NN JavaScript 可 以 直接 用 记事 本 来 编写 ， 其 中 包括 语句 、 由 语句 构成 的 语句 块 以 及 注释 。 在 


一 条 语句 内 可 以 使 用 变量 、 表 达 式 等 。 

这 里 我 们 将 介绍 相关 的 编程 语法 基础 。 

JavaScript 程序 按照 在 HTML 文件 中 出 现 的 顺序 逐 行 执行 。 如 果 需 要 在 整个 HTML 文件 
中 执行 ， 最 好 将 其 放 在 HTML 文件 的 <head>...</head> 标 记 中 。 某 些 代 码 ， 如 函数 体内 的 代 
码 ， 不 会 被 立即 执行 ， 只 有 当 所 在 的 函数 被 其 他 程序 调用 时 ， 该 代码 才 被 执行 。 

JavaScript 对 字母 大 小 写 敏感 ， 也 就 是 说 ， 在 输入 语言 的 关键 字 、 函 数 、 变 量 以 及 其 他 标 
识 符 时 ， 一 定 要 严格 区 分 字母 的 大 小 写 。 例 如 变量 username 与 变量 userName 是 两 个 不 同 的 


变量 。 
Sm HTML 不 区 分 大 小 写 。 由 于 JavaScript 与 HTML 紧密 相关 ， 这 一 点 很 容易 混淆 ， 
六 许多 JavaScript 对 象 和 属性 都 与 其 代表 的 HTML 标签 或 属性 同名 ， 在 HTML 中 ， 这 


些 名 称 可 以 以 任意 的 大 小 写 方式 输入 而 不 会 引起 混乱 ， 但 在 JavaScript 中 ， 这 些 名 称 
通常 都 是 小 写 的 。 例如， 在 HTML 中 的 事件 处 理 器 属性 ONCLICK 通常 被 声明 为 
onClick 或 Onclick， 而 在 JavaScript 中 只 能 使 用 onclick。 


在 JavaScript 语句 中 ， 分 号 是 可 有 可 无 的 ， 这 一 点 与 Java 语言 不 同 ，JavaScript 并 不 要 求 
每 行 必须 以 分 号 作为 语句 的 结束 标志 。 如 果 语 句 的 结束 处 没有 分 号 ，JavaScript 会 自动 将 该 代 
码 的 结尾 作为 语句 的 结尾 。 

例如 ， 下 面 的 两 行 代码 书写 方式 都 是 正确 的 : 


Alert ("hello, Javascript") 
Alert ("hello, Javascript"); 


Bm 建议 培养 良好 的 编写 习惯 ， 最 好 在 每 行 的 最 后 加 上 一 个 分 号 ， 这 样 就 能 保证 每 行 
汇 ”代码 既 正 确 、 又 美观 。 
另外 ，JavaScript 会 忽略 多 余 的 空格 ， 用 户 可 以 向 脚本 添加 空格 ， 来 提高 其 可 读 性 。 下 面 
的 两 行 代码 是 等 效 的 : 


Var name="Hello"; 
Var name = "Hello"; 


当 一 段 代码 比较 长 时 ， 用 户 可 以 在 文本 字符 串 中 使 用 反 斜 杠 对 代码 行进 行 换行 。 下 面 的 
例子 会 正确 地 显示 : 


document .write("Hello \ 
RCRILG hs 


不 过 ， 用 户 不 能 像 这 样 折 行 : 


document .write \ 
("Hello World!"); 


注释 通常 用 来 解释 程序 代码 的 功能 (增加 代码 的 可 读 性 ) 或 阻止 代码 的 执行 (调试 程序 )， 不 
参与 程序 的 执行 。 在 JavaScript 中 ， 注 释 分 为 单行 注释 和 多 行 注释 两 种 。 

(1) 单行 注释 语句 : 在 JavaScript 中 ， 单 行 注释 以 双 斜 枉 “/ ”开始 ， 直 到 这 一 行 结束 。 
单行 注释 标记 “//” 可 以 放 在 行 的 开始 或 一 行 代码 的 末尾 ， 但 无 论 放 在 哪里 ， 只 要 是 从 “//” 
符号 开始 到 本 行 结束 为 止 的 所 有 内 容 ， 就 都 不 会 执行 。 在 一 般 情况 下 ， 如 果 “//” 位 于 一 行 的 
开始 ， 则 用 来 解释 下 一 行 或 一 段 代码 的 功能 ， 如 果 “//” 位 于 一 行 代码 的 末尾 ， 则 用 来 解释 当 
前 行 代码 的 功能 。 如 果 用 来 阻止 一 行 代码 的 执行 ， 也 常 将 “//” 放 在 一 行 的 开始 。 

(2) 多 行 注释 语句 :单行 注释 语句 只 能 注释 一 行 的 代码 ， 假 设 在 调试 程序 时 ， 希 望 有 一 
段 代 码 都 不 被 浏览 器 执行 或 者 对 代码 的 功能 说 明 一 行书 写 不 完 ， 那 么 ， 就 需要 使 用 多 行 注释 
语句 。 多 行 注释 语句 以 “/#*” 开 始 ， 以 “ ”结束 ， 可 以 注释 掉 一 段 代 码 。 

JavaScript 程序 是 语句 的 集合 ， 一 条 JavaScript 语句 相当 于 英语 中 的 一 个 完整 句子 。 
JavaScript 语句 将 表达 式 组 合 起 来 ， 完 成 一 定 的 任务 。 一 条 语句 由 一 个 或 多 个 表达 式 、 关 键 字 
或 运算 符 组 合 而 成 ， 语 句 之 间 用 分 号 () 隔 开 ， 即 分 号 是 一 个 JavaScript 语句 的 结束 符号 。 

下 面 给 出 JavaScript 语句 的 分 割 示 例 ， 其 中 一 行 就 是 一 条 JavaScript 语句 : 

name = " 张 三 "; // 将 字符 串 “ 张 三 ”赋值 给 name 

Var today = new Date(); // 将 今天 的 日 期 赋值 给 today 

语句 块 是 一 些 语句 的 组 合 ， 通 常 ， 语 句 块 都 会 被 一 对 大 括号 括 起 来 。 在 调用 语句 块 时 ， 
JavaScript 会 按 书写 次 序 执行 语句 块 中 的 语句 。JavaScript 会 把 语句 块 中 的 语句 看 成 是 一 个 整 
体 全 部 执行 ， 语 句 块 通常 用 在 函数 中 或 流程 控制 语句 中 ， 如 下 所 示 的 代码 就 是 一 个 语句 块 : 

if (Fee < 2) 


{ 
Fee = 2; // 小 于 2 元 时 ， 手 续费 为 2 元 


} 
语句 块 的 作用 是 使 语句 序列 一 起 执行 。JavaScript 函数 是 将 语句 组 合 在 块 中 的 典型 例子 。 


3.2.3 JavaScript 的 数据 结构 


每 一 种 计算 机 编程 语言 都 有 自己 的 数据 结构 ，JavaScript 脚本 语言 的 数据 结构 包括 标识 
符 、 常 量 、 变 量 、 关 键 字 等 。 

用 JavaScript 脚本 语言 编写 程序 时 ， 很 多 地 方 都 要 求 用 户 给 定名 称 ， 例 如 ，JavaScript 中 
的 变量 、 函 数 等 要 素 ， 定 义 时 都 要 求 给 定名 称 。 可 以 将 定义 要 素 时 使 用 的 字符 序列 称 为 标识 
符 。 这 些 标 识 符 必 须 遵 循 如 下 命名 规则 : 

e ”标识 符 只 能 由 字母 、 数 字 、 下 划 线 和 中 文 组 成 ， 而 不 能 包含 空格 、 标 点 符号 、 运 算 

符 等 其 他 符号 。 
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e 标识 符 的 第 一 个 字符 必须 是 字母 、 下 划 线 或 者 中 文 。 

@ ”标识 符 不 能 与 JavaScript 中 的 关键 字 名 称 相同 ， 如 过 、else 等 。 
例如 ， 下 面 为 合法 的 标识 符 : 

UserName 

Int2 


File Open 
Sex 


下 面 为 不 合法 的 标识 符 : 
99BottlesofBeer 


Namespace 
It"s=All Over 


关键 字 通 常 标识 了 JavaScript 语句 的 开头 和 结尾 。 
表 3.5 列 出 了 JavaScript 中 的 关键 字 。 


表 3.5 JavaScript 中 的 关键 字 


break continue 
default la else 
finall i 

in retum 
switch ty 
ypeof while 
with | | 


保留 字 是 为 将 来 的 关键 字 而 保留 的 单词 ， 因 此 保留 字 不 能 被 用 作 变 量 名 或 函数 名 。 
表 3.6 列 出 了 JavaScript 中 的 保留 字 。 


表 3.6 JavaScript 中 的 保留 字 


abstract boolean byte char 

class const debugger double 

enum export extends final 

float goto implements import 

int interface long native 
package Private protected public 

short static super synchronized 
throws transient volatile 


Sm 如 果 将 保留 字 用 作 变 量 名 或 函数 名 ， 那 么 除非 将 来 的 浏览 器 实现 了 该 保留 字 ， 否 
则 很 可 能 收 不 到 任何 错误 消息 。 当 浏览 器 将 其 实现 后 ， 该 单词 将 被 看 作 关键 宇 ， 如 此 
将 出 现 关键 字 错 误 ， 
常量 是 字面 变量 ， 是 固化 在 程序 代码 中 的 信息 ， 常 量 的 值 从 定义 开始 就 是 固定 的 。 常 量 
主要 用 于 为 程序 提供 固定 和 精确 的 值 ， 包 括 数 值 和 字符 串 ， 如 数值 、 逻 辑 值 真 (tue)、 逻 辑 值 
假 (false) 等 ， 都 是 常量 。 
常量 通常 使 用 const 来 声明 。 语 法 格式 如 下 : 


const 

常量 名 : 数据 类 型 = 值 ; 

变量 ， 顾 名 思 义 ， 在 程序 运行 过 程 中 ， 其 值 可 以 改变 。 变 量 是 存储 信息 的 单元 ， 它 对 应 
于 某 个 内 存 空间 ， 变 量 用 于 存储 特定 数据 类 型 的 数据 ， 用 变量 名 代表 其 存储 空间 。 程 序 能 在 
变量 中 存储 值 和 取出 值 ， 可 以 把 变量 比 作 超 市 的 货架 (内 存 )， 货 架 上 摆 放 着 商品 (变量 值 )， 可 
以 把 商品 从 货架 上 取出 来 ( 读 取 )， 也 可 以 把 商品 放 入 货架 (赋值 )。 


1. 变量 的 命名 


实际 上 ， 变 量 的 名 称 是 一 个 标识 符 。 在 JavaScript 中 ， 用 标识 符 来 命名 变量 和 函数 ， 变 量 
的 名 称 可 以 是 任意 长 度 。 创 建 变 量 名 称 时 ， 应 该 遵循 以 下 命名 规则 

e 第 一 个 字符 必须 是 一 个 ASCII 字符 (大 小 写 均 可 ) 或 是 一 个 下 划 线 ( )， 但 是 ， 不 能 是 
数字 。 

e ”后 续 的 字符 必须 是 字母 、 数 字 或 下 划 线 。 

e@ ”变量 名 称 不 能 是 JavaScript 的 保留 字 。 

@ ”JavaScript 的 变量 名 是 严格 区 分 大 小 写 的 。 例 如 ， 变 量 名 称 myCounter 与 变量 名 称 
MyCounter 是 不 同 的 。 

下 面 给 出 一 些 合 法 的 变量 命令 示例 : 

_pagecount 


Part9 
Numer 


下 面 给 出 一 些 错误 的 变量 命名 示例 : 


12balloon // 不 能 以 数字 开头 
Summary&Went //“ 与 ”符号 不 能 用 在 变量 名 称 中 


2. 变量 的 声明 与 赋值 

JavaScript 是 一 种 弱 类 型 的 程序 设计 语言 ， 变 量 可 以 不 声明 而 直接 使 用 。 所 谓 声明 变量 ， 
即 为 变量 指定 一 个 名 称 。 声 明 变 量 后 ， 就 可 以 把 它们 用 作 存 储 单元 了 。 

在 JavaScript 中 ， 使 用 关键 字 “var” 来 声明 变量 ， 在 这 个 关键 字 之 后 的 字符 串 将 代表 一 
个 变量 名 。 其 格式 为 : 

var 标识 符 ; 

例如 ， 声 明 变 量 username， 用 来 表示 用 户 名 ， 代 码 如 下 : 
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Var username; 


另外 ， 用 一 个 关键 字 var 也 可 以 同时 声明 多 个 变量 名 ， 多 个 变量 名 之 间 必 须 用 逗号 “,” 
分 隔 。 
例如 ， 同 时 声明 变量 username、pwd、age， 分 别 表 示 用 户 名 、 密 码 和 年 龄 ， 代 码 如 下 : 


Var username, pwd, age; 


要 给 变量 赋值 ， 可 以 使 用 JavaScript 中 的 赋值 运算 符 ， 即 等 号 (=)。 
声明 变量 名 时 同时 赋值 ， 例 如 ， 声 明 变量 usemame， 并 赋值 为 “ 张 三 ”， 代 码 如 下 : 


var username = " 张 三 "; 


声明 变量 后 ， 可 以 对 变量 赋值 。 或 者 也 可 以 对 未 声明 的 变量 直接 赋值 。 
例如 ， 声 明 变 量 age， 然 后 再 为 它 赋值 ， 以 及 直接 对 变量 count 赋值 : 


var age // 声 明 变量 
age = 18; // 对 已 声明 的 变量 赋值 
count = 4; // 对 未 声明 的 变量 直接 赋值 


Sn JavaScript 中 的 变量 如 果 未 初始 化 (赋值 )， 默 认 值 为 undefined。 
3. 变量 的 作用 范围 


所 谓 变量 的 作用 范围 ， 是 指 可 以 访问 该 变量 的 代码 区 域 。JavaScript 中 ， 按 变量 的 作用 范 
围 ， 分 为 全 局 变量 和 局 部 变量 。 
® ”全 局 变量 : 可 以 在 整个 HTML 文档 范围 中 使 用 的 变量 ， 这 种 变量 通常 都 是 在 函数 体 
外 定义 的 变量 。 
。 ”局 部 变量 : 只 能 在 局 部 范围 内 使 用 的 变量 ， 这 种 变量 通常 都 是 在 函数 体内 定义 的 变 
量 ， 所 以 只 能 在 函数 体 中 有 效 。 


5 省 略 关键 字 var 声明 的 变量 ， 无 论 是 在 函数 体内 ， 还 是 在 函数 体外 ， 都 是 全 局 
必 ”的 变量 


3.2.4 ”JavaScript 的 数据 类 型 


每 一 种 计算 机 语言 都 有 自己 所 支持 的 数据 类 型 。 在 JavaScript 脚本 语言 中 ， 采 用 的 是 弱 数 
据 方式 ， 即 一 个 数据 不 必 首 先 做 声明 ， 可 以 在 使 用 或 赋值 时 再 确定 其 数据 的 类 型 ， 当 然 ， 也 
可 以 先 声明 该 数据 类 型 。 

1. Undefined 类 型 


Undefined 是 未 定义 类 型 的 变量 ， 表 示 变 量 还 没有 赋值 ， 如 var a;， 或 者 赋予 一 个 不 存在 
的 属性 值 ， 例 如 var a= String.notProperty: 。 
此 外 ，JavaScript 中 有 一 种 特殊 类 型 的 数字 常量 NaN， 表 示 “ 非 数字 ”， 当 在 程序 中 由 于 


某 种 原因 发 生计 算 错 误 后 ， 将 会 产生 一 个 没有 意义 的 数值 ， 此 时 ，JavaScript 返回 的 数字 值 就 
是 NaN。 


2. Null 类 型 


JavaScript 中 的 关键 字 Null 是 一 个 特殊 的 值 ， 表 示 空 值 ， 用 于 定义 空 的 或 不 存在 的 引用 。 
不 过 ，Null 不 等 同 于 空 的 字符 串 或 0。 由 此 可 见 ，Null 与 Undefined 的 区 别 是 : Null 表示 一 个 
变量 被 赋予 了 一 个 空 值 ， 而 Undefined 则 表示 该 变量 还 未 被 赋值 。 


3. Boolean 类 型 


布尔 类 型 Boolean 表示 一 个 逻辑 数值 ， 用 于 表示 两 种 可 能 的 情况 。 逻 辑 真 ， 用 tme 表 
示 ; 逻辑 假 ， 用 false 来 表示 。 通 常 ， 我 们 使 用 1 表示 真 ，0 表示 假 。 


4. Number 类 型 


JavaScript 的 数值 类 型 可 以 分 为 4 类 ， 即 整数 、 浮 点 数 、 内 部 常量 和 特殊 值 。 整 数 可 以 为 
正 数 、0 或 者 负数 ; 浮 点 数 可 以 包含 小 数 点 、 也 可 以 包含 一 个 “e”( 大 小 写 均 可 ， 在 科学 记 数 
法 中 表示 “10 的 寡 ”)， 或 者 同时 包含 这 两 项 。 整 数 可 以 以 10( 十 进 制 )、8( 八 进 制 ) 和 16( 十 六 
进 制 ) 作 为 基数 来 表示 。 

5. String 类 型 

字符 串 是 用 一 对 单 引 号 (7) 或 双 引 号 (57 和 引号 中 的 部 分 构成 的 。 一 个 字符 串 也 是 
JavaScript 中 的 一 个 对 象 ， 有 专门 的 属性 。 引 号 中 间 的 部 分 可 以 是 任意 多 的 字符 ， 如 果 没 有 ， 
则 是 一 个 空 字符 串 。 如 果 要 在 字符 串 中 使 用 双 引 号 ， 则 应 该 将 其 包含 在 使 用 单 引号 的 字符 串 
中 ， 使 用 单 引 号 时 则 相反 。 


6. Object 类 型 


前 面 介绍 的 5 种 数据 类 型 是 JavaScript 的 原始 数据 类 型 ， 而 Object 是 对 象 类 型 。 该 数据 
类 型 中 包括 Object、Function、String、Number、Boolean、Array、Regexp、Date、Global、 
Math、Error， 以 及 宿主 环境 提供 的 object 类 型 。 


3.2.5 JavaScript 的 运算 符 


在 JavaScript 的 程序 中 ， 要 完成 各 种 各 样 的 运算 ， 是 离 不 开 运 算 符 的 。 运 算 符 用 于 将 一 个 
或 几 个 值 进 行 运算 ， 而 得 出 所 需要 的 结果 值 。 在 JavaScript 中 ， 按 运算 符 类 型 ， 可 以 分 为 算术 
运算 符 、 比 较 运算 符 、 罗 辑 运 算 符 、 条 件 运 算 符 和 赋值 运算 符 等 。 

(1) 算术 运算 符 是 最 简单 、 最 常用 的 运算 符 ， 所 以 有 时 也 称 为 简单 运算 符 ， 可 以 使 用 它 
们 进行 通用 的 数学 计算 。 

JavaScript 语言 中 提供 的 算术 运算 符 有 +、-、*、/、%、++、--， 共 7 种 。 分 别 表 示 加 、 
减 、 乘 、 除 、 求 余数 、 自 增 和 自 减 。 其 中 +、-、*、/、% 为 二 元 运算 符 ， 表 示 对 运算 符 左右 两 
边 的 操作 数 做 算术 运算 ， 其 运算 规则 与 数学 中 的 运算 规则 相同 ， 即 先 乘 除 后 加 减 。++、-- 两 
种 运算 符 都 是 一 元 运算 符 ， 其 结合 性 为 自 右 向 左 ， 在 默认 情况 下 ， 表 示 对 运算 符 左 边 的 变量 


台 山 咱 焉 站 和 局 习 由 洪 中 


GH - 


Dreamweaver+PHP+MySQL 动 态 网 站 开发 
案例 课堂 ~ 


的 值 增 1 或 减 1， 而 且 它们 的 优先 级 比 其 他 算术 运算 符 高 。 
算术 运算 符 的 说 明 及 示例 如 表 3.7 所 示 。 


表 3.7 算术 运算 符 
说 明 


示 例 


加 法 运算 符 ， 用 于 实现 对 两 个 数 进行 求 和 


xX+100、100+1000、+100 


减法 运算 符 或 负 值 运算 符 100-60、-100 


乘法 运算 符 100*6 


除法 运算 符 100/50 


求 模 运算 符 ， 也 就 是 算术 中 的 求 余 100%30 


将 变量 值 加 1 后 再 将 结果 赋值 给 该 变量 


己 加 1 


将 变量 值 减 1 后 再 将 结果 赋值 给 该 变量 


++X 用 于 在 参与 其 他 运算 之 前 先 将 自己 加 
1 后 ， 再 用 新 的 值 参 与 其 他 运算 
x++ 用 于 先 用 原 值 与 其 他 运算 后 ， 再 将 自 


xX--、--X 与 ++ 的 用 法 类 似 


(2) 比较 运算 符 用 于 对 运算 符 的 两 个 表达 式 进行 比较 ， 然 后 根据 比较 结果 ， 返 回 布尔 类 
型 的 值 tue 或 false， 例 如 ， 比 较 两 个 值 是 否 相同 或 比较 两 个 数值 的 大 小 等 。 


在 表 3.8 中 ， 列 出 了 JavaScript 支持 的 比较 运算 符 。 
表 3.8 比较 运算 符 


说 明 

一 判断 左右 两 边 的 表达 式 是 否 相等 ， 当 左边 的 表达 式 等 于 右边 的 
表达 式 时 ， 返 回 tue， 和 否则 返回 false 

上 = 判断 左边 的 表达 式 是 否 不 等 于 右边 的 表达 式 ， 当 左边 的 表达 式 
不 等 于 右边 的 表达 时 ， 返 回 tue， 和 否则 返回 false 

> 判断 左边 的 表达 式 是 否 大 于 右边 的 表达 式 ， 当 左边 的 表达 式 大 
于 右边 的 表达 式 时 ， 返 回 tue， 和 否则 返回 false 


示 例 
Number 一 100 
Numberl 一 Number2 
Number != 100 
Numberl :二 Number2 
Number > 100 


Numberl > Number2 


>= 判断 左边 的 表达 式 是 否 大 于 等 于 右边 的 表达 式 ， 当 左边 的 表达 
式 大 于 等 于 右边 的 表达 式 时 ， 返 回 tue， 和 否则 返回 false 


Number >= 100 


Numberl >= Number2 


过 判断 左边 的 表达 式 是 否 小 于 右边 的 表达 式 ， 当 左边 的 表达 式 小 
于 右边 的 表达 式 时， 返回 tue， 和 否则 返回 false 


Number < 100 


Numberl < Number2 


< 判断 左边 的 表达 式 是 否 小 于 等 于 右边 的 表达 式 ， 当 左边 的 表达 
式 小 于 等 于 右边 的 表达 式 时 ， 返 回 tue， 和 否则 返回 false 


Number <= 100 


Numberl <= Number2 


任何 信息 在 计算 机 中 都 是 以 二 进 制 的 形式 保存 的 。 位 运算 符 就 是 对 数据 按 二 进 制 位 进行 
运算 的 运算 符 。JavaScript 语言 中 的 位 运算 符 有 与 &、 或 |、 异 或 ^、 取 补 ~、 左 移 <<、 态 移 >>。 


其 中 ， 取 补 运算 符 为 一 元 运算 符 ， 而 其 他 的 位 运算 符 都 是 二 元 运算 符 。 这 些 运算 都 不 会 产生 
溢出 。 位 运算 符 的 操作 数 为 整 型 ， 或 者 是 可 以 转换 为 整 型 的 任何 其 他 类 型 。 


地 


表 3.9 列 出 了 JavaScript 支持 的 位 运算 符 。 
表 3.9 位 运算 符 


运算 符 描 述 


与 运算 。 如 果 操作 数 中 的 两 个 位 都 为 1， 则 结果 为 1， 如 果 两 个 位 中 有 一 个 为 0， 则 结果 为 0 
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| | 或 运算 。 如 果 操 作 数 中 的 两 个 位 都 为 0， 则 结果 为 0， 否则 ， 结 果 为 1 
| 异 或 运算 。 如 果 两 个 操作 位 相同 ， 则 结果 为 0， 不 相同 时 ， 结 果 为 1 
~ | 取 补 运算 。 操 作 数 的 各 个 位 取 反 ， 即 1 变 为 0，0 变 为 1 

<< 左 移 位 。 操 作 数 按 位 左 移 ， 高 位 被 丢弃 ， 低 位 顺序 补 0 


右 移 位 。 操 作 数 按 位 右 移 ， 低 位 被 丢弃 ， 其 他 各 位 顺序 依次 右 移 


(3) 逻辑 运算 符 通常 用 于 执行 布尔 运算 ， 它 们 常 与 比较 运算 符 一 起 使 用 ， 来 表示 复杂 的 
比较 运算 ， 这 些 运算 涉及 的 变量 通常 不 止 一 个 ， 而 且 常用 于 辽 while 和 for 语句 中 。 
表 3.10 列 出 了 JavaScript 支持 的 逻辑 运算 符 。 


表 3.10 ”逻辑 运算 符 


pS 


示 例 
逻辑 与 ， 若 两 边 表达 式 的 值 都 为 rue， 则 返回 true; 若 任 | 100>60 && 100<200 返回 true 
意 一 个 值 为 false， 则 返回 false 100>50 && 10>100 返回 false 


100>600 || 50>60 返回 false 
!(100>600) 返回 true 


(4) 除了 上 面 介绍 的 常用 运算 符 外 ， mseript 还 支持 条 件 表达 式 运 算 符 “?”， 这 个 运 
算 符 是 个 三 元 运算 符 ， 它 有 三 个 部 分 ， 一 个 计算 值 的 条 件 和 两 个 根据 条 件 返 回 的 直 候 值 。 格 
式 如 下 所 示 : 

条 件 ? 表达 式 1 : 表达 式 2 

在 使 用 条 件 运算 符 时 ， 如 果 条 件 为 真 ， 则 结果 使 用 表达 式 1 的 值 ， 否 则 使 用 表达 式 2 的 
值 。 示 例如 下 : 

(x>y)? 100*3 : 11 

如 果 x 的 值 大 于 y 值 ， 则 表达 式 的 值 为 300; 否则 x 的 值 小 于 或 等 于 y 值 时 ， 表 达 式 的 值 
为 11。 

(5) 赋值 就 是 把 一 个 数据 赋值 给 一 个 变量 。 例 如 ，myName=“ 张 三 ”的 作用 是 执行 一 次 赋 
值 操作 ， 把 常量 “ 张 三 ” 赋 值 给 变量 myName。 赋 值 运算 符 为 二 元 运算 符 ， 要 求 运算 符 两 侧 的 
操作 数 类 型 必须 一 致 。 

JavaScript 中 提供 有 简单 赋值 运算 符 和 复合 赋值 运算 符 两 种 。 表 3.11 列 出 了 JavaScript 支 
持 的 赋值 运算 符 。 


Dre 


发 
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表 3.11 赋值 运算 符 
运算 符 说 明 示 例 
营 将 右边 的 表达 式 的 值 赋值 给 左边 的 变量 Username="“Bill” 
4= 将 运算 符 左 边 的 变量 加 上 右边 表达 式 的 值 赋 值 给 左边 的 变量 ”| a+=b // 相 当 于 a=atb 
i 将 运算 符 左 边 的 变量 减 去 右边 表达 式 的 值 赋值 给 左边 的 变量 ”| a-=b /相当 于 a=a-b 
二 将 运算 符 左 边 的 变量 乘 以 右边 表达 式 的 值 赋值 给 左边 的 变量 “| a*=b /相当 于 a=a*b 
记 将 运算 符 左边 的 变量 除 以 右边 表达 式 的 值 赋值 给 左边 的 变量 “| a/=b /相当 于 a=a/b 
%= 将 运算 符 左边 的 变量 用 右边 表达 式 的 值 求 模 ， 并 将 结果 赋 给 | a%=b /相当 于 a=a%b 
左边 的 变量 
&= 将 运算 符 左 边 的 变量 与 右边 表达 式 的 变量 进行 逻辑 与 运算 ， | a&=b /相当 于 a=a&b 
将 结果 赋 给 左边 的 变量 
= 将 运算 符 左边 的 变量 与 右边 表达 式 的 变量 进行 逻辑 或 运算 ， | al=b /相当 于 a=allb 
将 结果 赋 给 左边 的 变量 
人 = 将 运算 符 左边 的 变量 与 右边 表达 式 的 变量 进行 逻辑 异 或 运 | a^=b /相当 于 a=a^b 
算 ， 将 结果 赋 给 左边 的 变量 
my 


运算 符 的 运算 级 别 及 结合 


7 提示 


在 书写 复合 赋值 运算 符 时 ， 两 个 符号 之 间 一 定 不 能 有 空格 ， 否 则 将 会 出 错 。 


运算 符 的 种 类 非常 多 ， 通 常 不 同 的 运算 符 又 构成 了 不 同 的 表达 式 ， 甚 至 一 个 表达 式 中 又 
包含 有 多 种 运算 符 ， 因 此 ， 它 们 的 运算 方法 应 该 有 一 定 的 规律 性 。JavaScript 语言 规定 了 各 类 


:等 ， 如 表 3.12 所 示 。 
表 3.12 运算 符 的 优先 级 


优先 级 (1 最 高 ) 说 明 结合 性 
1 括号 从 左 到 右 
2 自 加 / 自 减 运算 符 从 右 到 左 
3 乘法 运算 符 、 除 法 运算 符 、 取 模 运 从 左 到 右 
算 符 
4 加 法 运算 符 、 减 法 运算 符 从 左 到 右 
5 小 于 、 小 于 等 于 、 大 于 、 大 于 等 于 从 左 到 右 
6 等 于 、 不 等 于 从 左 到 右 
7 逻辑 与 从 左 到 右 
8 逻辑 或 从 左 到 右 
9 赋值 运算 符 和 复合 赋值 运算 符 %= -= | 从 右 到 左 


3.2.6 JavaScript 的 表达 式 


表达 式 是 一 个 语句 的 集合 ， 像 一 个 组 一 样 ， 计 算 结果 是 个 单一 值 ， 然 后 ， 该 结果 被 
JavaScript 归 入 下 列 数 据 类 型 之 一 : 布尔 型 、 数 字 型 、 字 符 串 、 对 象 等 。 

一 个 表达 式 本 身 可 以 是 一 个 数值 或 者 变量 ， 或 者 它 可 以 包含 许多 连接 在 一 起 的 变量 关键 
字 以 及 运算 符 。 

1. 赋值 表达 式 

在 JavaScript 中 ， 赋 值 表达 式 的 一 般 语 法 形式 为 : 

变量 赋值 运算 符 表达 式 


在 计算 过 程 中 ， 是 按照 自 右 而 左 结合 的 。 其 中 有 简单 的 赋值 表达 式 ， 如 二 1; 也 有 定义 变 
量 时 ， 给 变量 赋 初 始 值 的 赋值 表达 式 ， 如 var str = “Happy World! ”; 还 有 使 用 比较 复杂 的 赋 
值 运 算 符 连 接 的 赋值 表达 式 ， 如 k+=18。 

2. 算术 表达 式 

算术 表达 式 就 是 用 算术 运算 符 连接 的 JavaScript 语句 单位 。 如 itj+k、20-x、a*b、j/k、 
sum%2 等 ， 即 为 合法 的 算术 运算 符 的 表达 式 。 算 术 运 算 符 的 两 边 必须 都 是 数值 ， 若 在 “+” 
运算 中 存在 字符 或 字符 串 ， 则 该 表达 式 将 是 字符 串 表 达 式 ， 因 为 JavaScript 会 自动 地 将 数值 型 
数据 转换 成 字符 串 型 数据 。 例 如 ， 下 面 的 表达 式 将 被 看 作 是 字符 串 表 达 式 : 

eG | 

3. 布尔 表达 式 

布尔 表达 式 一 般 用 来 判断 某 个 条 件 或 者 表达 式 是 否 成 立 ， 其 结果 只 能 为 true 或 false。 

4. 字符 串 表 达 式 


字符 串 表 达 式 是 操作 字符 串 的 JavaScript 语句 。JavaScript 的 字符 串 表 达 式 只 能 使 用 “+” 
与 “+=” 两 个 字符 串 运算 符 。 如 果 在 同一 个 表达 式 中 既 有 数字 又 有 字符 串 ， 同 时 还 没有 将 字 
符 串 转换 成 数字 的 方法 ， 则 返回 值 一 定 是 字符 串 型 的 。 


3.3 PHP 基本 知识 


PHP 全 名 为 Personal Home Page， 是 英文 Hypertext Preprocessor( 超 级 文本 预 处 理 语 言 ) 的 
缩写 。PHP 是 一 种 创建 动态 交互 性 站 点 的 强 有 力 的 服务 器 端 脚 本 语言 ， PHP 是 免费 的 ， 并 且 
使 用 广泛 。 


3.3.1 PHP 语言 的 优势 
PHP 能 够 迅速 发 展 ， 并 得 到 广大 使 用 者 的 喜爱 ， 主 要 原因 是 PHP 不 仅 有 一 般 脚本 所 具有 
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的 功能 ， 而 且 有 它 自身 的 优势 。 具 体 特点 如 下 。 

(1) 源 代码 完全 开放 : 所 有 的 PHP 源 代码 事实 上 都 可 以 得 到 。 读 者 可 以 通过 Intemet 获 
得 需要 的 源 代码 ， 快 速 修 改 和 利用 。 

(2) 完全 免费 : 与 其 他 技术 相 比 ，PHP 本 身 是 免费 的 。 读 者 使 用 PHP 进行 Web 开发 无 
须 支 付 任何 费用 。 

(3) 语法 结构 简单 : 因为 PHP 结合 了 C 语言 和 Perl 语言 的 特色 ， 编 写 简单 方便 且 易 懂 ， 
可 以 被 嵌入 于 HTML 语言 ， 它 相对 于 其 他 语言 ， 编 辑 简单 ， 实 用 性 强 ， 更 适合 初学 者 。 

(4) 跨 平台 性 强 : 由 于 PHP 是 运行 在 服务 器 端的 脚本 ， 可 以 运行 在 Unix、Linux、 
Windows 等 系统 中 。 

(5) 效率 高 : PHP 消耗 相当 少 的 系统 资源 ， 并 且 程 序 开发 快 、 运 行 快 。 

(6) 强大 的 数据 库 支持 :支持 目前 所 有 主流 和 非 主流 数据 库 ， 使 PHP 的 应 用 非常 广泛 。 

(7) 面向 对 象 ， 从 PHP 5.5 开始 ， 面 向 对 象 方面 都 有 了 很 大 的 改进 ， 现 在 PHP 完全 可 以 
用 来 开发 大 型 商业 程序 。 


3.3.2 PHP 中 的 数据 类 型 


从 PHP 4 开始 ，PHP 中 的 数据 类 型 不 再 需要 事先 声明 。 
不 同 的 数据 类 型 其 实 就 是 所 储存 数据 的 不 同 种 类 ，PHP 的 数据 类 型 主要 包括 整 型 、 浮 点 
型 、 字 符 串 、 数 组 、 对 象 、Null、 布 尔 型 。 


1. 整 型 


整 型 (integers) 是 数据 类 型 中 最 为 基本 的 类 型 。 在 现 有 的 32 位 的 运算 器 的 情况 下 ， 整 型 的 
取 值 范围 是 -2147483648 ~ +2147483647。 整 型 可 以 表示 为 十 进 制 、 十 六 进 制 和 八进制 。 使 用 
PHP var_ dumpO 会 返回 变量 的 数据 类 型 和 值 。 

例如 : 


3560 “// 十 进 制 整数 
01223 “// 八 进 制 整数 
0x1223 ”// 十 六 进 制 整数 


2. 浮 点 型 

浮 点 型 (floating-point) 就 是 实数 。 在 大 多 数 运行 平台 下 ， 这 个 数据 类 型 的 大 小 为 8 个 字 
节 。 它 的 近似 取 值 范围 是 2.2E-308 ~ 1.8E+308( 科 学 记 数 法 )。 

例如 : 

= -432 

1E+07 

0.0 


多. 演 竺 囊 


字符 串 型 的 数据 是 表示 在 引号 之 间 的 。 引 号 分 为 双 引 号 “和 “* 单 引号 。 这 两 种 引号 的 表示 
方式 都 可 以 表示 字符 串 。 但 是 ， 这 两 种 表示 也 有 一 定 区 别 。 双 引号 几乎 可 以 包含 所 有 的 字 


符 ， 但 是 ， 在 其 中 的 变量 显示 的 是 变量 的 值 ， 而 不 是 变量 的 变量 名 。 单 引号 内 的 字符 是 被 直 
接 表示 出 来 的 。 


4. 数组 


数组 是 PHP 变量 的 集合 ， 它 是 按照 “ 键 ” 与 “ 值 ”对 应 的 关系 来 组 织 数据 的 ， 数 组 的 键 
可 以 是 整数 ， 也 可 以 是 字符 串 。 默 认 情况 下 ， 数 组 元 素 的 键 为 从 零 开 始 的 整数 。 
在 PHP 中 ， 使 用 listO 函 数 或 arrayO 函 数 来 创建 数组 ， 也 可 以 直接 进行 赋值 。 


5. 对 象 
对 象 是 存储 数据 和 有 关 如 何 处 理 数 据 的 信息 的 数据 类 型 。 在 PHP 中 ， 必 须 明 确 地 声明 对 


象 ， 首 先 ， 我 们 必须 声明 对 象 的 类 ， 对 此 ， 我 们 使 用 class 关键 词 。 类 是 包含 属性 和 方法 的 结 
构 ， 然 后 ， 我 们 在 对 象 类 中 定义 数据 类 型 ， 然 后 在 该 类 的 实例 中 使 用 此 数据 类 型 。 


6. Null 


Null 类 型 是 仅 拥有 NULL 这 一 个 值 的 类 型 。 这 个 类 型 是 用 来 标记 一 个 变量 为 空 的 。 一 个 
空 字 符 串 与 一 个 NULL 是 不 同 的 。 在 数据 库存 储 时 ， 会 把 空 字符 串 与 NULL 区 分 开 处 理 。 
NULL 值 在 布尔 判断 时 永远 为 false。 在 很 多 情况 下 ， 在 声明 一 个 变量 的 时 候 ， 可 以 直接 先 赋 
值 为 Null 空 型 。 例 如 ，S$value = NULL。 


7. 布尔 型 


布尔 型 (boolean) 只 有 两 个 值 ， 就 是 tue 和 false。 布 尔 型 是 十 分 有 用 的 数据 类 型 ， 通 过 
它 ， 程 序 实 现 了 逻辑 判断 的 功能 。 
而 对 于 其 他 的 数据 类 型 ， 基 本 都 有 布尔 属性 。 
@ 整 型 : 为 0 时 ， 其 布尔 属性 为 false， 为 非 零 值 时 ， 其 布尔 属性 为 tue。 
浮 点 型 ， 为 0.0 时 ， 其 布尔 属性 为 false， 为 非 零 值 时 ， 其 布尔 属性 为 true。 
字符 串 型 : 空 字符 串 ”' 或 零 字 符 串 “0? 时 为 false， 包 含 除 此 以 外 的 字符 串 时 为 tue。 
数组 : 若 不 含 任何 元 素 ， 为 false， 只 要 包含 元 素 ， 则 为 tue。 
对 象 型 : 资源 型 ， 永 远 为 true。 
空 型 : 永远 为 false。 
8. 数据 类 型 转换 


数据 从 一 种 类 型 转换 到 另外 一 种 类 型 ， 就 是 数据 类 型 转换 。 在 PHP 中 ， 有 两 种 常见 的 转 
换 方式 : 自动 数据 类 型 转换 和 强制 数据 类 型 转换 。 

(1) 自动 数据 类 型 转换 :这 种 转换 方法 最 为 常用 ， 直 接 输 入 数据 的 转换 类 型 即 可 。 

例如 Float 型 转换 为 整数 Int 型， 小 数 点 后 面 的 数 将 被 舍弃 。 如 果 Float 数 超过 了 整数 的 取 
值 范围 ， 则 结果 可 能 是 0 或 者 整数 的 最 小 负数 。 

(2) 强制 数据 类 型 转换 : 在 PHP 中 ， 还 可 以 使 用 settype 函数 强制 转换 数据 类 型 。 基 本 语 
法 如 下 : 


Bool settype (string Var string type) 


侍 必 串 玉 站 书 喇 习 册 8 小 站 
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OF type 的 可 能 值 不 能 包含 资源 类 型 数据 。 
注 

放 

3.3.3 PHP 中 的 常量 与 变量 


在 PHP 中 ， 常 量 是 一 旦 声明 就 无 法 改变 的 值 。 变 量 则 像 是 一 个 贴 有 名 字 标 签 的 空 盒子 。 
不 同 的 变量 类 型 对 应 不 同 种 类 的 数据 ， 就 像 不 同 种 类 的 东西 要 放 入 不 同 种 类 的 盒子 一 样 。 

PHP 通过 define() 命 令 来 声明 常量 。 格 式 如 下 : 

define ("常量 名 "， 常 量 值 ) ; 


常量 名 是 一 个 字符 串 ， 往 往 在 PHP 的 编码 规范 的 指导 下 使 用 大 写 的 英文 字符 表示 。 比 如 
CLASS_ NAME、MYAGE 等 。 

常量 值 可 以 为 很 多 种 PHP 数据 类 型 ， 可 以 是 数组 、 对 象 ， 当 然 ， 也 可 以 是 字符 和 数值 。 

常量 就 像 变 量 一 样 储存 数值 ， 但 是 ， 与 变量 不 同 的 是 ， 常 量 的 值 只 能 设 定 一 次 ， 并 且 无 
论 在 代码 的 任何 位 置 ， 它 都 不 能 被 改动 。 常 量 声 明 后 具有 全 局 性 ， 函 数 内 外 都 可 以 访问 。 

PHP 的 内 置 常 量 是 指 PHP 在 系统 建立 之 初 就 定义 好 的 一 些 量 。PHP 中 预定 了 很 多 系统 内 
置 常量 ， 这 些 常量 可 以 被 随时 调用 。 

PHP 中 的 变量 不 同 于 C 或 Java 语言 ， 因 为 它 是 弱 类 型 的 。 在 C 或 Java 中 ， 需 要 对 每 一 
个 变量 声明 类 型 ， 但 是 在 PHP 中 不 需要 这 样 做 ， 这 是 极为 方便 的 。 

PHP 中 的 变量 一 般 以 “$” 作 为 前 组 ， 然 后 以 字母 a~z 的 大 小 写 或 者 下 划 线 “ ”开头 。 
这 是 变量 的 一 般 表 示 。 

合法 的 变量 名 可 以 是 : 

$hello 

$Aforml 

$_formhandler 

非法 的 变量 名 如 : 

$168 

$!like 

一 般 的 变量 表示 很 容易 理解 ， 但 是 ， 有 两 个 变量 表示 概念 比较 容易 混淆 ， 这 就 是 可 变 变 
量 和 变量 的 引用 。 


3.3.4 PHP 中 的 运算 符 

PHP 包含 三 种 类 型 的 运算 符 ， 即 一 元 运算 符 、 二 元 运算 符 和 三 元 运算 符 。 

一 元 运算 符 用 在 一 个 操作 数 之 前 ， 二 元 运算 符 用 在 两 个 操作 数 之 间 ， 三 元 运算 符 是 作用 
在 三 个 操作 数 之 间 的 。 

1. 算术 运算 符 

算术 运算 符 是 最 简单 ， 也 是 最 常用 的 运算 符 。 常 见 的 算术 运算 符 如 表 3.13 所 示 。 


垃 


表 3.13 算术 运算 符 


加 法 运算 
减法 运算 
乘法 运算 
除法 运算 
取 余 运算 
加 1 运算 
减 1 运算 


僵 财 吊 广 站 沁 呈 习 才 8 小 


入 
字符 运算 符 是 把 两 个 字符 串 连接 起 来 ， 变 成 一 个 字符 串 的 运算 符 。 使 用 “.” 来 完成 。 如 
果 变 量 是 整 型 或 浮 点 型 ，PHP 也 会 自动 地 把 它们 转换 为 字符 串 输出 。 

3. 赋值 运算 符 


赋值 运算 符 的 作用 ， 是 把 一 定 的 数据 值 加 载 给 特定 的 变量 。 
赋值 运算 符 的 具体 含义 如 表 3.14 所 示 。 
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表 3.14 赋值 运算 符 

运算 符 名 称 
= 将 右边 的 值 赋值 给 左边 的 变量 
+4= 将 左边 的 值 加 上 右边 的 值 赋 给 左边 的 变量 
= 将 左边 的 值 减 去 右边 的 值 赋 给 左边 的 变量 
* 一 将 左边 的 值 乘 以 右边 的 值 赋 给 左边 的 变量 
a 将 左边 的 值 除 以 右边 的 值 赋 给 左边 的 变量 
= 将 左边 的 字符 串 连 接 到 右边 
%= 将 左边 的 值 对 右边 的 值 取 余数 赋 给 左边 的 变量 


例如 ，$a-=$b 等 价 于 $a=$a-$b， 其 他 赋值 运算 符 与 之 类 似 。 赋 值 运 算 符 可 以 使 程序 更 加 
简练 ， 从 而 提高 执行 效率 。 

4. 比较 运算 符 

比较 运算 符 用 来 比较 其 两 端 数据 值 的 大 小 。 比 较 运算 符 的 具体 含义 如 表 3.15 所 示 。 其 
中 ，= 二 = 和 !== 需 要 特别 注意 一 下 。$b==$c 表示 $b 和 S$e 不 只 是 数值 上 相等 ， 而 且 两 者 的 类 型 
也 一 样 ，$b!==$c 表示 $b 和 $c 有 可 能 是 数值 不 等 ， 也 可 能 是 类 型 不 同 。 

5. 递增 递减 运算 符 

PHP 支持 C 风格 的 前 /后 递增 与 递减 运算 符 ， 递 增 /递减 运算 符 不 影响 布尔 值 。 递 减 NULL 
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值 没有 效果 ， 但 是 递增 NULL 值 的 结果 是 1。 


表 3.15 比较 运算 符 
运算 符 名 称 

过 相等 
二 不 相等 
> 来 手 
二 小 于 
大 于 等 于 
= 小 于 等 于 
= 一 精确 等 于 (类 型 ) 
!== 不 精确 等 于 

递增 递减 运算 符 的 具体 含义 如 表 3.16 所 示 。 

表 3.16 递增 递减 运算 符 
运算 符 描 述 

十 HSX i $x 加 1 递增 ， 然 后 返回 Sx 
SxH+ 返回 sx， 然后 x 加 1 递增 
-$x 减 1 递减 ， 然 后 返回 Sx 
S$x- 返回 Sx， 然 后 $x 减 1 递减 


6. 数组 运算 符 
PHP 数组 运算 符 用 于 比较 数组 ， 数 组 运算 符 的 具体 含义 如 表 3.17 所 示 。 
表 3.17 数组 运算 符 


运算 符 名 称 结 果 

+ 联合 $x 和 Sy 的 联合 (但 不 覆盖 重复 的 键 ) 

一 相等 如 果 $x 和 $y 拥有 相同 的 键 / 值 对 ， 则 返回 true 

一 全 等 如 果 $x 和 $y 拥有 相同 的 键 / 值 对 ， 且 顺序 相同 、 类 型 相同 ， 
则 返回 true 

二 不 相等 如 果 $x 不 等 于 Sy， 则 返回 tme 

一 不 相等 如 果 $x 不 等 于 Sy， 则 返回 tme 

= 不 全 等 如 果 $x 与 $y 完全 不 同 ， 则 返回 true 


7. 逻辑 运算 符 
-个 编程 语言 最 重要 的 功能 之 一 ， 就 是 要 进行 逻辑 判断 和 运算 。 比 如 逻辑 与 、 逻 辑 或 、 
逻辑 非 都 是 这 些 逻 辑 运 算 符 控制 。 逻 辑 运 算 符 的 含义 如 表 3.18 所 示 。 


全" 


表 3.18 逻辑 运算 符 


运算 符 名 称 
&& AND 逻辑 与 
| OR 逻辑 或 
!_NOT 逻辑 非 


3.3.5 ”PHP 中 的 控制 语句 


PHP 中 的 控制 语句 主要 包括 条 件 语句 、 循 环 语句 等 ， 其 中 ， 条 件 控制 语句 又 可 以 分 为 多 


种 条 件 语 句 ， 如 if 语句 、switch 语句 等 ;循环 语句 包括 while 循环 、do...while 循环 和 for 循 


环 等。 


1. 这 语句 
站 语句 是 最 为 常见 的 条 件 控制 语句 ， 也 被 称 为 单一 条 件 分 支 结 构 语句 。 它 的 格式 为 : 
if (条 件 判断 语句 ) { 

命令 执行 语句 ; 
这 种 形式 只 是 对 一 个 条 件 进行 判断 。 如 果 条 件 成 立 ， 则 执行 命令 语句 ， 否 则 不 执行 。 
2.if..else 语句 


如 果 是 非 此 即 彼 的 条 件 判 断 ， 可 以 使 用 让 ..else 语句 ， 该 语句 被 称 为 双向 条 件 分 支 结构 语 


。 它 的 格式 为 : 


if (条 件 判 断 语句 ) { 
命令 执行 语句 和 A; 
} else { 
命令 执行 语句 B; 
} 


首先 判断 条 件 是 否 为 真 ， 如 果 为 真 ， 则 执行 命令 语句 A， 否 则 执行 命令 语句 B。 
3. else 让 语句 


在 条 件 控制 结构 中 ， 有 时 会 出 现 多 于 两 种 的 选择 ， 此 时 ， 可 以 使 用 else if 语句 。 它 的 语 


法 格式 为 : 


if (条 件 判断 语句 ) { 
命令 执行 语句 ; 

】 else if (条 件 判 断 语 句 ) { 
命令 执行 语句 ; 

else { 
命令 执行 语句 ; 


四国 
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4. switch 语句 


switch 语句 的 结构 像 是 给 出 不 同情 况 下 可 能 执行 的 程序 块 ， 条 件 满足 哪个 程序 块 ， 就 执 
行 哪个 。 它 的 语法 格式 如 下 : 
switch (条 件 判断 语句 ) { 
case 可 能 判断 结果 a: 
命令 执行 语句 ; 
break; 
case 可 能 判断 结果 b: 
命令 执行 语句 ; 
break; 
Ce 
命令 执行 语句 ; 
» 
车 “条 件 判 断 语句 ”的 结果 符合 其 中 哪个 “可 能 判断 结果 ”， 就 执行 其 对 应 的 “命令 执 
行 语句 ”。 如 果 都 不 符合 ， 则 执行 default 对 应 的 默认 项 的 “命令 执行 语句 ”。 
5. while 循环 语句 
while 循环 在 代码 运行 的 开始 检查 表述 的 真 假 ，while 循环 的 结构 为 : 
while (条 件 判断 语句 ) { 
命令 执行 语句 ; 
i 
其 中 ， 当 “条 件 判断 语句 ”为 true 时 ， 执 行 后 面 的 “命令 执行 语句 ”， 然 后 返回 到 条 件 
表达 式 继续 进行 判断 ， 直 到 表达 式 的 值 为 假 ， 才 能 跳出 循环 ， 执 行 后 面 的 语句 。 
6. do...while 循环 语句 
do.…while 循环 则 是 在 代码 运行 的 末尾 检查 表述 的 真 假 ，do...while 循环 的 结构 为 : 
dof 
命令 执行 语句 ; 
} while (条 件 判断 语句 ) 
这 里 ， 将 先 执行 do 后 面 的 “命令 执行 语句 ”， 其 中 的 变量 会 随 着 命令 的 执行 发 生变 化 。 
当 此 变量 通过 while 后 的 “条 件 判断 语句 ”判断 为 false 时 ， 就 停止 执行 “命令 执行 语句 ”。 
7. for 循环 语句 
for 循环 的 结构 为 : 
for (exprl; expr2; expr3) 
命令 执行 语句 ; 
要 


其 中 ，exprl 为 条 件 的 初始 值 ，expr2 为 判断 的 最 终 值 ， 通 常 ， 都 是 用 比较 表达 式 或 逻辑 
表达 式 充当 判断 的 条 件 ， 执 行 完 命令 语句 后 ， 再 执行 expr3。 


8. foreach 循环 语句 


foreach 语句 是 十 分 常用 的 一 种 循环 语句 ， 它 经 常 被 用 来 遍历 数组 元 素 。 其 格式 为 : 
foreach (数组 as 数组 元 素 ) { 
对 数组 元 素 的 操作 命令 ; 
} 
更 为 详细 地 ， 可 以 根据 数组 的 情况 ， 把 foreach 循环 语句 分 为 两 种 ， 即 不 包含 键 值 的 数组 
和 包含 键 值 的 数组 。 格 式 如 下 。 
(1) 不 包含 键 值 的 : 
foreach (数组 as 数组 元 素 值 ) { 
对 数组 元 素 的 操作 命令 ; 
} 
(2) 包含 键 值 的 : 


foreach (数组 as 键 值 => 数组 元 素 值 ) { 
对 数组 元 素 的 操作 命令 ; 
3 


每 进行 一 次 循环 ， 当 前 数组 元 素 的 值 就 会 被 赋值 给 数组 元 素 值 变 量 ， 数 组 指针 会 逐一 地 
移动 ， 直 到 遍历 结束 为 止 。 
3.3.6 PHP 中 的 函数 

函数 的 英文 为 hnetion， 这 个 词 也 是 功能 的 意思 。 顾 名 思 义 ， 使 用 函数 就 是 要 在 编程 过 程 
中 实现 一 定 的 功能 ， 也 即 是 通过 一 定 的 代码 块 来 实现 一 定 的 功能 。 

1. 定义 和 调用 函数 

举例 说 ，define0 函 数 就 是 定义 一 个 常量 。 如 果 现 在 再 写 一 个 程序 ， 则 同样 可 以 调用 
define() 函 数 。 但 是 ， 更 多 的 情况 下 ， 程 序 员 面 对 的 是 自 定义 函数 ， 其 结构 如 下 : 


function name of function(paraml, param2, ...) { 
statement; 


其 中 ，name_of function 是 函数 名 ，paraml1、param2 是 参数 ， 而 statement 是 函数 的 具体 
内 容 。 
例如 ， 下 面 的 代码 中 定义 和 引用 了 函数 : 


<?php 
function sayhello($customer) { 
return $customer."， 欢 迎 您 来 到 GoodHome 酒店 。"; 


让 
echo sayhello(' 张 先生 ') ; 


值得 一 提 的 是 ， 此 函数 的 返回 值 是 通过 值 返 回 的 。 也 就 是 说 ，returm 语句 返回 值 时 ， 创 建 
了 一 个 值 的 副本 ， 并 把 它 返 回 给 使 用 此 函数 的 命令 或 函数 (在 这 里 是 echo 命令 )。 
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2. 向 函数 传递 参数 数值 
由 于 函数 是 一 段 封闭 的 程序 ， 很 多 时 候 ， 程 序 员 都 需要 向 函数 内 传递 一 些 数据 ， 来 进行 
操作 。 有 参 函 数 的 形式 如 下 : 


function 函数 名 称 (参数 1， 参 数 2) { 
算法 描述 ， 其 中 使 用 参数 1 和 参数 2 


} 
例如 下 面 的 例子 : 


<?php 
function totalneedtopay ($days, $roomprice) { 
$totalcost = $days * $roomprice; 


echo "需要 支付 的 总 价 : $totalcost"." 元 。"; 


3 

$rentdays = 3; 

$roomprice = 168; 

totalneedtopay ($rentdays, $roomprice); 
totalneedtopay (5, 198); 

信和 

</BODY> 

</HTML> 


以 上 述 方式 传递 参数 数值 的 方法 ， 就 是 向 函数 传递 参数 数值 。 

其 中 ，function totalneedtopay($days，$roomprice){} 定 义 了 函数 和 参数 。 不 管 是 通过 变量 
Srentdays 和 $roomprice 向 函数 内 传递 参数 数值 ， 还 是 像 totalneedtopay(5，198) 这 样 直接 传递 参 
数 数值 ， 结 果 都 是 相似 的 。 


3. 向 函数 传递 参数 引用 


向 函数 传递 参数 引用 ， 其 实 就 是 向 函数 传递 变量 引用 。 参 数 引 用 一 定 是 变量 引用 ， 静 态 
数值 是 没有 引用 一 说 的 。 在 变量 引用 中 已 经 知道 ， 变 量 引用 其 实 就 是 对 变量 名 的 使 用 。 是 对 
特定 的 一 个 变量 位 置 的 使 用 。 

例如 下 面 的 例子 : 


<?php 

$fee = 300; 

$serviceprice = 50; 

function totalfee(&$fee, $serviceprice) { 
$fee = $fee + $serviceprice; 
echo "需要 支付 的 总 价 : $fee" ." 元 。"; 

. 

totalfee ($fee, $serviceprice); 

totalfee ($fee, $serviceprice); 

人 

</BODY> 

</HTML> 


以 上 面 的 方式 传递 参数 数值 的 方法 就 是 向 函数 传递 参数 引用 。 使 用 “&” 符 号 表示 参数 
引用 。 其 中 function totalfee(&$fee, $serviceprice) 人 定义 了 函数 、 参 数 和 参数 引用 。 变 量 $fee 是 


以 参数 引用 的 方式 进入 函数 的 。 当 函数 的 运行 结果 改变 了 变量 $fee 的 引用 的 时 候 ， 在 函数 外 
的 变量 $fee 的 值 也 发 生 了 改变 。 也 就 是 函数 改变 了 外 部 变量 的 值 。 


4. 函数 的 引用 


不 管 是 PHP 中 的 内 置 函数 ， 还 是 程序 员 在 程序 中 的 自 定义 函数 ， 都 可 以 直接 简单 地 通过 
函数 名 来 调用 。 但 是 ， 在 操作 过 程 中 也 有 些 不 同 ， 大 致 分 为 以 下 3 种 情况 : 

@ ”如 果 是 PHP 的 内 置 函 数 ， 如 date0， 可 以 直接 调用 。 

@ ”如 果 这 个 函数 是 PHP 的 某 个 库 文件 中 的 函数 ， 则 需要 用 include0 或 require0 命 令 把 
此 库 文 件 加 载 ， 然 后 才能 使 用 。 

@ ”如 果 是 自 定义 函数 ， 若 与 引用 程序 同 在 一 个 文件 中 ， 则 可 直接 引用 。 若 此 函数 不 在 
当前 文件 内 ， 则 需要 用 include0 或 require0 命 令 加 载 。 

对 函数 的 引用 ， 实 质 上 是 对 函数 返回 值 的 引用 。 例 如 下 面 的 例子 : 


<?php 


function gexample($aa=1) { // 定 义 一 个 函数 ， 别 忘 了 加 “&” 字 符 
return $aa; // 返 回 参 数 $aa 
$bb = &example ("引用 函数 的 实例 "); // 声 明 一 个 函数 的 引用 $bb; 


echo $bb."<p>"; 

2 

</body> 

</html> 

本 案例 首先 定义 一 个 函数 ， 然 后 变量 $bb 将 引用 函数 ， 最 后 输出 变量 Sbb， 实 质 上 是 $aa 
的 值 。 与 参数 传递 不 同 ， 对 于 引用 来 说 ， 在 定义 函数 和 引用 函数 时 ， 都 必须 使 用 “&” 字 
符 ， 表 明 返 回 的 是 一 个 引用 。 


ss@ 
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在 创建 动态 网 站 之 前 ， 用 户 需 要 准备 动态 网 页 的 执行 环境 。 PHP 程序 必须 在 支 
持 PHP 的 网 站 服务 器 上 运行 ， 用 户 不 能 直接 选择 网 页 来 执行 浏览 。 所 以 在 执行 
PHP 程序 前 ， 必 须 拥 有 一 个 服务 器 空间 。 
本 章 将 介绍 PHP 服务 器 搭建 的 三 种 方法 ， 包 括 IS+PHP 运行 环境 、Apache+ 
PHP 运行 环境 和 PHP 集成 环境 WampServer。 


网 页 ， 所 以 在 安装 完 网 站 服务 器 后 ， 还 需要 安装 MySQL 数据 库 。 
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如 果 用 户 安装 的 是 集成 环境 WampServer， 就 不 用 再 安装 MySQL 数据 库 了 ， 
f NI 


CS6 中 ，PHP 程序 必须 搭配 MySQL 数据 库 来 制作 动态 
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4.1 PHP 服务 器 概述 


在 学 习 PHP 服务 器 之 前 ， 读 者 需要 了 解 HTML 网 页 的 运行 原理 。 网 页 浏览 者 在 客户 端 通 
过 浏览 器 向 服务 器 发 出 页 面 请 求 ， 服 务 器 接收 到 请 求 后 ， 将 页 面 返 回 到 客户 端的 浏览 器 ， 这 
样 ， 网 页 浏览 者 即 可 看 到 页 面 显示 效果 了 。 

PHP 在 Web 开发 中 作为 嵌入 式 脚 本 技术 ， 需 要 嵌入 到 HTML 代码 中 执行 。 要 想 运 行 
PHP 网 站 ， 需 要 搭建 PHP 服务 器 。PHP 网 站 的 运行 原理 如 图 4-1 所 示 。 


4-1 PHP 网 站 的 运行 流程 


可 以 看 出 ，PHP 程序 运行 的 基本 流程 如 下 。 

(1) 网 页 浏览 者 首先 是 在 浏览 器 的 地 址 栏 中 输入 要 访问 的 主页 地 址 ， 然 后 按 Enter 键 ， 触 
发 这 个 请 求 。 

(2) 浏览 器 将 请 求 发 送 到 PHP 网 站 服务 器 。 网 站 服务 器 根据 请 求 读 取 数据 库 中 的 页 面 。 

(3) 通过 Web 服务 器 向 客户 端 发 送 处 理 结果 ， 客 户 端的 浏览 器 显示 最 终 页 面 。 


Sm 由 于 在 客户 端 显示 的 只 是 服务 器 端 处 理 过 的 HTML 代码 页 面 ， 所 以 网 页 浏览 者 
汪 。 看 不 到 PHP 代码 ， 这 样 可 以 提高 代码 的 安全 性 。 同 时 ， 在 客户 端 不 需要 配置 PHP 环 
境 ， 只 要 安装 了 浏览 器 即 可 。 


4.2 安装 PHP 前 的 准备 工作 
安装 PHP 前 ， 读 者 需要 了 解 安装 时 所 需要 的 软 硬 件 环境 ， 及 如 何 获取 PHP 安装 资源 包 。 
4.2.1 软 硬 件 环境 


大 部 分 软件 在 安装 的 过 程 中 都 需要 软 硬 件 环境 的 支持 ， 当 然 ，PHP 也 不 例外 。 在 硬件 方 
面 ， 如 果 只 是 为 了 学 习 上 的 需求 ，PHP 只 需要 一 台 普通 的 电脑 即 可 。 在 软件 方面 ， 需 要 根据 
实际 工作 的 需求 ， 选 择 不 同 的 Web 服务 软件 。 

PHP 具有 跨 平 台 特 性 ， 所 以 ，PHP 开发 用 什么 样 的 系统 不 太 重要 ， 开 发 出 来 的 程序 可 以 
很 轻松 地 移植 到 其 他 操作 系统 中 。 另 外 ，PHP 开发 平台 支持 目前 主流 的 操作 系统 ， 包 括 
Windows 系列 、Linux、Unix 和 Mac OS X 等 。 本 书 以 Window 7 平台 为 例 进行 讲解 。 

另外 ， 用 户 还 需要 安装 Web 服务 软件 。 目 前 ，PHP 支持 大 多 数 Web 服务 软件 ， 常 见 的 


有 IIS、 Apache、 PWS 和 Netscape 等 。 比 较 流 行 的 是 IIS 和 Apache。 
4.2.2 ”获取 PHP 安装 资源 包 


PHP 安装 资源 包 中 包括 了 安装 和 配置 PHP 服务 器 所 需 的 文件 和 PHP 扩展 函数 库 。 获 取 
PHP 安装 资源 包 的 方法 比较 多 ， 很 多 网 站 都 提供 PHP 安装 包 ， 但 是 ， 建 议 读者 从 官方 网 站 下 
载 ， 具 体操 作 步 又 如 下 。 

ECXDp 打开 正 浏览 器 ， 在 地 址 栏 中 输入 下 载 地 址 “http:windows.php.net/download”， 

按 Enter 键 确认 ， 登 录 到 PHP 下 载 网 站 ， 如 图 4-2 所 示 。 
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图 4-2 PHP 下 载 网 站 的 页 面 
ED 进入 下 载 页 面 后 ， 单 击 Binaries and sources Releases 下 方 的 下 拉 按 钮 ， 在 弹出 的 
下 拉 列 表 中 选择 适合 的 版 本 ， 这 里 选择 最 新 的 PHP 5.5 的 版 本 ， 如 图 4-3 所 示 。 
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图 4-3 选择 需要 的 版 本 
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Sn 在 上 面 的 下 拉 列 表 中 ，VC11 代表 的 是 以 Visual Studio 2012 Compiler 编译 器 纺 
半 。 译 ， 通 常 使 用 在 IIS + PHP 服务 器 下 。 要求 用 户 安装 Visual C++ Redistributable for 
Visual Studio 2012。 


EEB 显示 所 选 版 本 号 中 PHP 安装 包 的 各 种 格式 ， 这 里 选择 Zip 压缩 格式 ， 单 击 Zip 
链接 ， 如 图 4-4 所 示 。 
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vc xea Non Thread safe (2014-Apr-09 22:29:01) 
Note: x64 bullds are currently experimental 


图 4-4 选择 需要 版 本 的 格式 
EC 打开 “另存 为 ”对 话 框 ， 选 择 保存 路 径 ， 然 后 保存 文件 即 可 ， 如 图 4-5 所 示 。 
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图 4-5 “另存 为 ”对 话 框 


4.3 PHP + lIS 服务 器 的 环境 搭建 
下 面 介绍 PHP + IIS 服务 器 架构 的 配置 方法 和 技巧 。 


4.3.1 IIS 简介 及 其 安装 


IIS 是 Internet Information Services( 互 联网 信息 服务 ) 的 简称 ， 是 由 微软 公司 提供 的 基于 
Microsoft Windows 的 互联 网 基本 服务 。 由 于 它 功能 强大 ， 操 作 简 单 和 使 用 方便 ， 所 以 是 目前 
较为 流行 的 Web 服务 器 之 一 。 

目前 IS 只 能 运行 在 Windows 系列 的 操作 系统 上 。 针 对 不 同 的 操作 系统 ，IIS 也 有 不 同 的 


版 本 。 


安装 IIS 组 件 的 具体 步骤 如 下 。 
EEC 单 击 “开始 ”按钮 ， 在 弹出 的 “开始 ”菜单 中 选择 “控制 面板 ”菜单 命令 ， 如 


4-6 所 示 。 


EC 弹出 “控制 面板 ”窗口 ， 双 击 “ 程 序 ” 选 项 ， 如 图 4-7 所 示 。 


下 面 以 Windows 7 为 例 进 行 讲解 ， 默 认 情况 下 ， 此 操作 系统 没有 安装 IIS 。 NN 
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图 4-6 选择 “控制 面板 ”菜单 命令 图 4-7 “控制 面板 ”窗口 
EEISp 将 弹出 “程序 ”窗口 ， 从 中 选择 “打开 或 关闭 Windows 功能 ”选项 ， 如 图 4-8 


所 示 。 


ED 在 弹出 的 如 图 4-9 所 示 的 “Windows 功能 ”窗口 中 ， 选 中 “Intemet 信息 服务 ” 


复 选 框 ， 单 各 


Ff“ 确定 ”按钮 。 


本 BY 安装 完成 后 ， 即 可 测试 是 否 已 经 配置 成 功 了 。 在 正 浏览 器 的 地 址 栏 中 输入 
“http://localhost/”， 应 该 能 够 出 现 IS 的 欢迎 页 面 ， 如 图 4-10 所 示 。 
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图 4-8 “程序 ”窗口 图 4-9 “Windows 功能 ”窗口 
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图 4-10 lS 的 欢迎 页 面 


4.3.2 PHP 的 安装 


IIS 安装 完成 后 ， 即 可 开始 安装 PHP。PHP 的 安装 过 程 大 致 分 成 3 个 步骤 。 
1. 解压 和 设置 安装 路 径 


将 前 面 获 取 到 的 安装 资源 包 解 压缩 ， 在 得 到 的 文件 夹 中 存放 着 PHP 所 需要 的 文件 ， 将 它 
们 复制 到 PHP 的 安装 目录 中 。PHP 的 安装 路 径 可 以 根据 需要 进行 设置 ， 例 如 本 书 设置 为 
D:PHPS\， 复 制 后 的 效果 如 图 4-11 所 示 。 


2. 配置 PHP 


在 安装 目录 中 ， 找 到 php.ini-development 的 文件 ， 此 文件 正 是 PHP 5.5 的 配置 文件 。 将 这 
个 文件 的 扩展 名 .ini-development 修改 为 ,ini， 然 后 用 记事 本 打开 。 文 件 中 参数 很 多 ， 所 以 建议 
读者 使 用 记事 本 的 查找 功能 ， 快 速 查找 所 需要 的 参数 。 
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图 4-11 PHP 的 安装 目录 


查找 并 修改 相应 的 参数 值 ，extension_dir=“D:\PHP5\ext"， 此 参数 是 针对 PHP 扩展 函数 的 
查找 路 径 ， 其 中 的 “D:\PHP5\” 为 PHP 的 安装 路 径 ， 读 者 可 以 根据 自己 的 安装 路 径 进行 修 
改 。 采 用 同样 的 方法 ， 修 改 参 数 cgi.force_redirect =0。 

另外 ， 去 除 下 面 的 参数 值 扩展 前 的 分 号 : 


?extension=php curl.dll 
?extension=php_gd2.d1l 
?extension=php mbstring.dll 
?extension=php mysql.dll 
?extension=php pdo mysql.dll 
?extension=php_pdo _ odbc.d1l 
?extension=php xmlrpc.dll 
?extension=php_xsl.dll 
?extension=php_zip.d1ll 


最 终 效果 如 图 4-12 所 示 。 


1 
; Just be after ubstring os it depends on it 


; Use with Oracle 10gR2 Instant Client 
; Use ith Oracle 118R2 Instant Clicnt 


| extcnsion=pto pdo-odbe, dil 
| ertension=php_pdo_pasal. dll I 民 
| 笃 887 行 . 笔 1 列 


图 4-12 ”去除 引号 后 的 效果 
3. 添加 系统 变量 
要 想 让 系统 运行 PHP 时 找到 上 面 的 安装 路 径 ， 就 需要 将 PHP 的 安装 目录 添加 到 系统 变量 
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中 。 具 体操 作 步 骤 如 下 。 


“系统 ”窗口 ， 如 图 4-13 所 示 。 


EEC 右 击 桌面 上 的 “计算 机 ”图 标 ， 在 弹出 的 快捷 菜单 中 选择 “属性 ”命令 ， 


图 4-13 


EERP9 单 击 “ 高 级 系统 设置 ”按钮 ， 弹 出 “系统 属性 ”对 话 框 ， 如 图 4-14 所 示 。 


EF 

AMD hthlontm) 1 X2 245 proceseer 190 GHz 
00 68 (325 68 可 中 

32 ms 


“系统 ”窗口 


打开 


攻 于 BY 单 击 “ 环 境 变量 ”按钮 ， 弹 出 “环境 变量 ”对 话 框 。 在 环境 变量 列表 中 选择 变 
量 Path， 单 击 “ 编 辑 ”按钮 ， 如 图 4-15 所 示 。 


| 计算 机 名 [硬件 | 高 级 。 | 系 统 保护 | 运程 _ 
要 进行 大 多 数 更 汐 ， 您 必须 作为 管理 员 登录 。 


性 能 
视觉 效果 ， 处 理 器 计划 ， 内 存 使 用 ， 以 及 虚拟 内 存 


用 户 配置 文件 
与 您 登录 有 关 的 虑 面 设置 


启 埠 和 地 障 恢复 
系统 启动 、 系 统 失败 和 i 隔 式 信息 


4-14 “系统 属性 ”对 话 框 


Adninistrater 的 用 户 变 量 0) 


值 
USERPROPILEX\AppDeta\Local \Tenp 
WUSERPROPILEX\AppData\Local \Tenp 


| [ 畏 枉 DJ 


CC 如 


4-15 “环境 变量 ”对 话 框 


EC 弹出 “编辑 系统 变量 ”对 话 框 ， 在 “变量 值 ”文本 框 的 末尾 输入 “;d:\PHP5”， 


如 图 4-16 所 示 。 


国 于 BY 单 击 “ 确 定 ” 按 钮 ， 返 回 到 “环境 变量 ”对 话 框 ， 如 图 4-17 所 示 ， 依 次 单 击 


“确定 ”按钮 ， 即 可 关闭 窗口 ， 然 后 重新 启动 计算 机 ， 使 设置 的 环境 变量 有 效 。 


| Adninistrator 的 用 户 交 重 0D 
EE 值 


USERPROFILEX\AppData\Local \Tenp 
ly MUSERPEOFILEX\AppData\Local \Tenp 


[ 建 中 .… ] | 编 加 .| [ 出 计 0) 


Path 


wologies\ATI. ACE\Core-Static; d; \PHP 


[LL 古 ][ 了 消 


图 4-16 “编辑 系统 变量 ”对 话 框 图 4-17 


4.3.3 设置 虚拟 目录 


“环境 变量 ”对 话 框 


如 果 用 户 是 按照 前 述 的 方式 来 启动 IS 网 站 服务 器 ， 目 前 整个 网 站 服务 器 的 根 目 录 就 位 于 
< 系统 盘 符 :Inetpubvwwwroot> 中 ， 也 就 是 说 ， 如 果 要 添加 网 页 到 网 站 中 显示 ， 都 必须 放置 在 
这 个 目录 之 下 。 但 是 ， 我 们 会 发 现 这 个 路 径 不 仅 太 长 ， 也 不 好 记 ， 使 用 起 来 相当 不 方便 。 
这 些 问题 都 可 以 通过 修改 虚拟 目录 来 解决 ， 具 体操 作 步 又 如 下 。 
EEC 在 桌面 上 右 击 “ 我 的 电脑 ”图 标 ， 在 弹出 的 快捷 菜单 中 选择 “管理 ”菜单 命 
令 ， 打开 “计算 机 管理 ”窗口 ， 在 右 侧 的 列表 中 展开 “服务 和 应 用 程序 ”选项 ， 选 
择 “Internet 信息 服务 (ISS) 管 理 器 ”选项 ， 选 择 Default Web Site 选项 后 ， 右 击 并 在 
弹出 的 快捷 菜单 中 选择 “添加 虚拟 目录 ”菜单 命令 ， 如 图 4-18 所 示 。 
了 TY 弹出 “添加 虚拟 目录 ”对 话 框 ， 在 “别名 ”文本 框 中 输入 虚拟 网 站 的 名 称 ， 这 


里 输入 “php5.5”， 并 选择 物理 路 径 D:php， 单 击 “确定 ”按钮 ， 如 图 4-19 所 示 。 


4-18 “计算 机 管理 ”窗口 


图 4-19 “添加 虚拟 目录 ”对 话 框 


ss@ 
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这 样 ， 就 完成 了 IIS 网 站 服务 器 设置 的 更 改 ， 此 时 ，IIS 网 站 服务 器 的 网 站 虚拟 目录 已 经 
更 改 为 <D:\php> 了 。 


4.4 PHP + Apache 服务 器 的 环境 搭建 


Apache 支持 大 部 分 操作 系统 ， 搭 配 PHP 程序 的 应 用 ， 就 可 以 开发 出 功能 强大 的 互动 网 
站 。 本 节 主 要 讲述 PHP 5 + Apache 服务 器 的 搭建 方法 。 


4.4.1 Apache 简介 


Apache 是 世界 上 使 用 排名 第 一 的 Web 服务 器 软件 。 它 可 以 运行 在 几乎 所 有 广泛 使 用 的 计 
算 机 平台 上 ， 由 于 跨 平 台 且 安全 ， 所 以 被 广泛 使 用 ， 是 最 流行 的 Web 服务 器 端 软件 之 一 。 

与 一 般 的 Web 服务 器 相 比 ，Apache 的 主要 特点 如 下 。 

(1) 跨 平 台 应 用 : 几乎 可 以 在 所 有 的 计算 机 平台 上 运行 。 

(2) 开放 源 代 码 : Apache 服务 程序 由 全 世界 的 众多 开发 者 共同 维护 ， 并 且 任 何人 都 可 以 
自由 使 用 ， 充 分 体现 了 开源 软件 的 精神 。 

(3) 支持 HITP/1.1 协议 : Apache 是 最 先 使 用 HITP/1.1 协议 的 Web 服务 器 之 一 ， 它 完 
兼容 HTTP/1.1 协议 并 与 HITP/1.0 协议 向 后 兼容 。Apache 已 为 新 协议 所 提供 的 全 部 内 容 做 好 
了 必要 的 准备 。 

(4) 支持 通用 网 关 接 口 (CCGD: Apache 遵守 CGI1.1 标准 并 且 提 供 了 扩充 的 特征 ， 如 定制 
环境 变量 和 很 难 在 其 他 Web 服务 器 中 找到 的 调试 支持 功能 。 

(5) 支持 常见 的 网 页 编程 语言 : 可 支持 的 网 页 编程 语言 包括 Perl、PHP、Python 和 Java 
等 ， 支 持 各 种 常用 的 Web 编程 语言 ， 使 Apache 具有 更 广泛 的 应 用 领域 。 

(6) 模块 化 设计 : 通过 标准 的 模块 实现 专 有 的 功能 ， 提 高 了 项 目 完成 的 效率 。 

(7) 运行 非常 稳定 ， 同 时 具备 效率 高 、 成 本 低 的 特点 ， 而 且 具 有 良好 的 安全 性 。 


4.4.2 ”关闭 原 有 的 网 站 服务 器 


在 安装 Apache 网 站 服务 器 之 前 ， 如 果 所 使 用 的 操作 系统 已 经 安装 了 网 站 服务 器 ， 如 IIS 
网 站 服务 器 等 ， 用 户 必须 先 停止 这 些 服 务 器 ， 才 能 正确 安装 Apache 网 站 服务 器 。 

以 Windows 7 的 操作 系统 为 例 ， 在 桌面 上 右 击 “我 的 电脑 ”图 标 ， 在 弹出 的 快捷 菜单 中 
选择 “管理 ”命令 ， 弹 出 “计算 机 管理 ”窗口 ， 在 右 侧 的 列表 中 展开 “服务 和 应 用 程序 ” 选 
项 ， 然 后 选择 “Internet 信息 服务 (ISS) 管 理 器 ”选项 ， 在 右 侧 的 列表 中 单 击 “ 停 止 ” 按 钮 ， 即 
可 停止 IS 服务 器 ， 如 图 4-20 所 示 。 

如 此 一 来 ， 原 来 的 服务 器 软件 即 失效 ， 不 再 工作 ， 也 不 会 与 接 下 来 要 安装 的 Apache 网 站 
服务 器 产生 冲突 。 

当然 ， 如 果 用 户 的 系统 原来 就 没有 安装 IIS 等 服务 器 软件 的 话 ， 即 可 略 过 这 里 的 步骤 ， 直 
接 往 下 执行 。 


文 作 胃 ”办 fEA) 王者 MV) 地 (H) 


[es 


估 史 | 方 园 日 


GI: 


各 加 由 NN 
图 4-20 “计算 机 管理 ”窗口 


4.4.3 安装 Apache 


Apache 是 免费 软件 ， 用 户 可 以 从 官方 网 站 直接 下 载 。Apache 的 官方 网 站 为 : 


http://www.apache.org 


下 面 以 下 载 好 的 Apache 2.2 为 例 ， 讲 解 如 何 安装 Apache。 具 体操 作 步 又 如 下 。 
EEC 双击 Apache 安装 程序 ， 打 开 软 件 安 装 的 欢迎 界面 ， 单 击 Next 按钮 ， 如 图 4-21 


所 示 。 


E23 进入 Apache 许可 协议 界面 ， 阅 读 完 后 ， 选 择 I accept the terms in the license 
agreement 单 选 按钮 ， 单 击 Next 按钮 ， 如 图 4-22 所 示 。 


‘Welcome to the Installation Wizard for 
Apache HTTP Server 2.2.22 


The Installation Wizard wil nstall Apache HTP Server 2.2.22 
on your computer. To cortinue, cick Next 


WARNING: This proy ems prolecled by copyridhit om or 
nternatonal reaties. 


4-21 软件 安装 的 欢迎 界面 


icense Agreement 
Please read the foloving icense agreementcarefuly. 


Apache License 
Version 2.0, January 2004 国 
RMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION 
1. Definitions. 
TLicenser shall mean the terms and conditions for use reproduction, and 
distribution as defined 2y Sections 1 th-ough 9 ofthis document 
Laccept the terms in the icense agreement 
© Ido notaccept the terms n the icense agreement 


nstalshied 


ET EF ) | 


4-22 Apache 许可 协议 界面 


Dreamweaver+PHP+MySQL 动 态 网 站 开发 
案例 课堂 ~ 


Read This First 
Read this Before Runing Apache on Windows- 


Apache HTTP Sever 
lwnatis it? 四 
ve Apache HTTP Server is a powerful and flexible HTTP/1.1 compliant web server. 


commercial-grade, standards-based server with freely available source code. 


|Ihe Latest Version 
Detalls of the latest version can be found on me Apache HTTP server project page 


dd ® for Al Users, on Port 80, as a Service -Recommerded， 
© only for he Current User, on Port 8080, when started Manualy. 
Instalsneld int 


进入 Apache 服务 器 注意 事项 界面 ， 单 击 Next 按钮 ， 如 图 4-23 所 示 。 

EEC 进入 服务 器 信息 设置 界面 ， 输 入 服务 器 的 一 些 基 本 信息 ， 分 别 为 Network( 网 络 
域名 )、Server Name( 服 务 器 名 )、Administrator's Email Address( 管 理 员 信箱 ) 和 Apache 
的 工作 方式 。 如 果 只 是 在 本 地 计算 机 上 使 用 Apache， 前 两 项 可 输入 “localhost”。 

工作 方式 建议 选择 第 一 项 : 针对 所 有 用 户 ， 工 作 端口 为 80， 当 机 器 启动 时 自动 启动 

Apache。 单 击 Next 按钮 ， 如 图 4-24 所 示 。 


Server Information ”df 


Please enter your servers nformaton. 


Network Doman (e.g. somenetcon 
了 


Sener Name Cg mm somenet oom): 

focahost 

Adnistrator's Emad Addess (e.g. webmaster@somenet com): 
152.com| 


Instal Apache HTTP Server 2.2 programs and shortcuts for: 


图 4-23 Apache 服务 器 注意 事项 界面 


蕊 se Jie ) (cme |] 


图 4-24 ”服务 器 信息 设置 界面 


莉 于 BY 进入 安装 类 型 界面 ， 其 中 Typical 为 典型 安装 ，Custom 为 自 定义 安装 。 默 认 情 
况 下 ， 选 择 典 型 安装 即 可 ， 单 击 Next 按钮 ， 如 图 4-25 所 示 。 

EECUD 弹出 安装 路 径 选 择 界面 ， 单 击 Change 按钮 ， 可 以 重新 设置 安装 路 径 ， 本 实例 采 
用 默认 的 安装 路 径 ， 单 击 Next 按钮 ， 如 图 4-26 所 示 。 


Setup Type 
Choose the setup type that best suits your needs. 


Destination Folder a 


id change to instal to a different folder 


Please select a setup type, 


® Typical 


Typical program features wil be instaled. (Headers and Lbraries 
for compling modules wi not be instaled.) 


© custom 
Choose whidh program features you want nstaled and where they 
wil be nstaled. Recommended for advanced users. 


Instalshield 


A nstal Apache HTTP Server 22to the folder: 
C:\Program FiesWpache Software Foundation Wpache2.2\ 


nstalshald 


4-25 ”安装 类 型 界面 


图 4-26 ”安装 路 径 选 择 界面 


EC 进入 安装 准备 就 绪 界面 ， 单 击 Install 按钮 ， 如 图 4-27 所 示 。 
EC 系统 开始 自动 安装 Apache 主 程序 ， 安 装 完成 后 ， 出 现 提示 信息 界面 ， 单 击 


Finish 按钮 ， 如 图 4-28 所 示 。 


加 


谢 Apache HTTP Server 22- Installation Wizard 区 习 和 Installation Wizard 
Neondy to lnstali the Pregrem Installation Wizard Completed 
The wizardis ready to begininstallation. 
ed The Installation Wizard has successfuly instaled Apache HTTP 
If you want to review or change any of your installation settings, dick Back. Cick Cancel to Server 2.2.22. Okck Finish to evit the wirard, 
the wizard 
Instalsheld 
EEC Eee EBD ee 


画 


| 
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4-27 ”安装 准备 就 绪 界面 


图 4-28 ”Apache 安装 完成 


4.4.4 将 PHP 与 Apache 建立 关联 


Apache 安装 完成 后 ， 还 不 能 运行 PHP 网 页 ， 需 要 将 PHP 与 Apache 建立 关联 。 

Apache 的 配置 文件 名 称 为 httpd.conf， 此 为 纯 文本 文件 ， 用 记事 本 即 可 打开 编辑 。 此 文件 
装 目录 的 Apache2vconfig\ 目 录 下 。 另 外 ， 也 可 以 通过 单 击 “ 开 始 ” 按 钮 ， 在 
弹出 的 菜单 中 选择 “所 有 程序 ”一 “Apache HTTP Server 2.2” 一 “Configure Apache Server” 


存放 在 Apache 安 


一 “Edit the Apache httpd conf Configuration File” 命 令 ， 如 图 4-29 所 示 。 


这 样 即 可 打开 Apache 的 配置 文件 ， 首 先 设置 网 站 的 主 目录 。 本 书 将 案例 的 源 文件 放 在 D 


盘 的 php5book 文件 夹 下 ， 所 以 ， 设 置 主 目录 为 d:/php5book/。 在 http.conf 文件 中 找到 
DocumentRoot 参数 ， 将 其 值 修改 为 d:/php5book/， 如 图 4-30 所 示 。 


强力 郑 坦 电 脑 上 的 软件 
用 和 QQ 


Agricultural Bank of China Security Suit 
AMD VISION Engine Control Center 
Apache HTTP Server 22 
Apache Online Documentation 
DD Help, rm Stuck! 
Ab Monitor Apache Servers 
上 Configure Apache Server 
口 Edit the Apache httpd.conf Config 
WW Test Configuration 
上 上 Control Apache Server 
Dl Review Server Log Fles 
B-LINK Wireless 
Canon MP250 series 
Microsoft Office 
Sharepoint 


WampServer 


了 apdcon -二 
HH 坊间 | 日 ”入 SIO|， 理 看 (Y| 各 绽 (H) 
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站 as error documents. e.g adnineynur~dnmain con 


Serverhdnin sfcosfcsdfsaal50. com 


村 sentoae ives the aa 
# This can often be determined automatically, but we 
it explicitly to prevent Froblena 


3crvcrkanc localhost:80 


DocuentRoo!: The drector™ out of which you will serye pou 


和 
bocuneatRoot “d/ohb3book /| 


t Serverkduin: Your addrecs, whare problene with the server should be 
# c-mailcd， This addrcss oppcars on sone scTYcT-Ecncratcd pascs, such 


and port that thc scrver uscs to identify itsclf. 
Teccnnend you specify 


站 Tf your hnet doesn’ t have a reeistered DNS nane, enter its IP adiress here. 


ne eo Se fe eden et ee tbe eee 


4-29 选择 Apache 配置 文件 


4-30 设置 网 站 的 主 目录 


等 131 行 ,等 1 列 
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下 面 指定 php.ini 文件 的 存放 位 置 。 由 于 PHP 安装 在 d:\php5， 所 以 php.ini 位 置 为 
d:\php5\php.ini。 

在 httpd.conf 配置 文件 中 的 任意 位 置 加 入 : 

PHPIniDir "d:\php5\php.ini 

如 图 4-31 所 示 。 

最 后 向 Apache 中 加 入 PHP 模块 。 在 httpd.conf 配置 文件 中 的 任意 位 置 加 入 3 行 语句 : 


LoadModule php5 module "d:/php5/php5apache2 2.dl11" 

AddType application/x-httpd-php .php 

AddType application/x-httpd-php .html 

输入 效果 如 图 4-32 所 示 。 完 成 上 述 操作 后 ,保存 httpd.conf 文件 即 可 ， 然 后 重启 
Apache， 即 可 使 设置 生效 。 


证 


站 at s local disk, Tf you wish to share the sone ServerReot fox multiple 
站 httpd cassons, you will need to change at eset LockFile and Pidhile, 


Serverhoot “C:/Frogren Filec/Aveche Software Foundstion/Apache2, 2” 
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Serverkoot “Cs/Frogran Files/Moeche Software Foundstion/Apache2, 27 
sil he ieee de i i ie | 
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directtye, 
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图 4-31 指定 php.ini 文件 的 存放 位 置 图 4-32 向 Apache 中 加 入 PHP 模板 


4.5 我 的 第 一 个 PHP 程序 


前 面 讲述 了 两 种 服务 器 环境 的 搭建 方法 ， 读 者 可 以 根据 自己 的 需求 进行 选择 即 可 。 

下 面 通过 一 个 实例 ， 来 讲解 如 何 编写 PHP 程序 ， 并 运行 ， 以 查看 效果 。 这 里 以 在 IIS 服 
务 器 环境 中 为 例 进 行 讲解 。 

读者 可 以 使 用 任意 的 文本 编辑 软件 ， 如 记事 本 ， 新 建 名 称 为 “helloworld.php” 的 文件 ， 
输入 以 下 代码 : 


<HTML> 
<HEAD> 
</HEAD> 
<BODY> 
<h2>PHP Hello World - 来 自 PHP 的 问候 。</h2> 
<?php 
echo "Hello, World.™; 
echo "你 好 世界 。" 
2 
</BODY> 
</HTML> 
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将 文件 保存 在 主 目录 或 虚拟 目录 下 ， 保 存 格式 为 php 。 在 浏览 器 的 地 址 栏 中 输入 
“http://localhost/helloworld.php”， 并 按 Enter 键 确认 ， 运 行 结果 如 图 4-33 所 示 。 


六 hapyllocalhos PD- OX 


PHP Hello World 一 来 自 PHP 的 


问候 。 
Hello，World. 你 好 世界 。 


溃 芝 站 出 号 卉 到 讲 时 般 音 _ 届 了 洲 曾 半 


4-33 ”运行 效果 


案例 分 析 : 

@ 其 中 “PHP Hello World - 来 自 PHP 的 问候 。” 是 HTML 中 的 <h2>PHP Hello World - 
来 自 PHP 的 问候 。</h2> 所 生成 的 。 

@ 而 “Hello，World. 你 好 世界 。” 则 是 由 <?php echo“Hello，World.”; echo“ 你 好 世 
界 。”; ?> 生成 的 。 

e 在 HIML 中 嵌入 PHP 代码 的 方法 即 是 在 <?php ?> 标识 符 中 间 填 入 PHP 语句 ， 语 句 
要 以 “;” 号 结束 。 

@ ”<?php ?> 标识 符 的 作用 ， 就 是 告诉 Web 服务 器 ，PHP 代码 从 什么 地 方 开 始 ， 到 什么 
地 方 结束 。<?php ?> 标识 符 内 的 所 有 文本 都 要 按照 PHP 语言 进行 解释 ， 以 区 别 于 
HTML 代码 。 


4.6 ”MySQL 数据 库 的 安装 和 管理 


设置 好 网 站 服务 器 之 后 ， 下 面 还 需要 安装 MySQL 数据 库 ，MySQL 不 仅 是 一 套 功能 强 
大 、 使 用 方便 的 数据 库 ， 更 可 以 跨越 不 同 的 平台 ， 供 各 种 不 同 的 操作 系统 使 用 。 


4.6.1 ”MySQL 数据 库 的 安装 


用 户 可 以 通过 网 址 (http://www.mysql.com/downloads/) 获 取 MySQL 数据 库 。 下 面 以 安装 
mysql-5.5.28-win32.msi 为 例 来 讲解 数据 库 的 安装 方法 ， 有 具体 的 操作 步骤 如 下 。 

双击 下 载 好 的 安装 文件 ， 进 入 程序 安装 欢迎 界面 ， 单 击 Next 按钮 开始 安装 。 如 
图 4-34 所 示 。 

出 现 用 户 协 议 界面 ， 选 择 I accept the terms in the License Agreement 复 选 框 后 ， 
单 击 Next 按钮 继续 安装 ， 如 图 4-35 所 示 。 

出 现 选择 安装 类 型 界面 ， 选 择 Typical 后 ， 单 击 Next 按钮 继续 安装 ， 如 图 4-36 
所 示 。 

出 现 准 备 安装 界面 ， 单 击 Install 按钮 继续 安装 ， 如 图 4-37 所 示 。 
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EB> MySQL 开始 自动 安装 ， 并 显示 安装 的 进度 ， 如 图 4.38 所 示 。 
ED 弹出 组 件 安装 界面 ， 单 击 Next 按钮 ， 如 图 4-39 所 示 。 


Welcometo the MySQL Server 5.5 Setup 
Wizard 


The Setup Wisard wil retal MySQL Server 5.5on your 
computer, Cick Next to coninue of Cance to ext the Sehup 
Weard. 


= 
E: 
NS CR (9 2000, 2012, Orode edor Wo fioten 介 
FE 


MUSQC wee 
| we | me | em | 


Tacceot the termsin me Lcerse Agreement 


图 4-34 ”欢迎 界面 图 4-35 ”用户 协 议 界面 


Choose Setup Type 
Choose the setup type that best suits your reeds 


! 

: 

: 
9 


Chck Instal to begn the instalation Cick 5acdk to review or change any ofyour 
nesale the moct common program faaturee Qecommenied for meat core netalation settings. Chck Carcel to wat the wizard 


one weers ty chogee which progrom fear be netaled and where 
they wil be installed. Recommended for advanced users, 


cmpee | 


Al program features wil be instaled, Requres the most dsk space. 


Met 5 ' A MySQL Enterprise subscription sthe most 
comprehensive offering of MySQL database 
software, services and suppor to ensure your 

MUuUSQL, beneschevenehohestievesorreibiy, 

Please wait whie the Setup Wizard natals MySQL Server 5.5. Uy QQ ee 

An Enterprise Subscriptionindudes 


Stats: Copyngnew fles 
一 
1. The MySQL EnterprlseServer- The mostrelable secure and up-todate 
version of the words most popular open source database. 


2. MySQL Enterprise Monltor Seryvlce-An automated virtual 
assistant. a 


3. MySQL Productlon Support-Technicaland + 
you need rt along with service packs, hot-fixes, >» 


丽 wa 本 


Be | we i Si 


图 4-38 开始 安装 并 显示 进度 图 4-39 组件 安装 界面 


出 现 MySQL 企业 服务 器 界面 ， 单 击 Next 按钮 继续 ， 如 图 4-40 所 示 。 
安装 完成 后 ， 单 击 Finish 按钮 ， 如 图 4-41 所 示 。 


Completed the MySQL Server 5.5 Setup 
Wizard 


m nsive Ghck the Finish butten to erit the setup Wizart， 
across all your servers. 


,MySQL Advisors and 125+ 
Best Practice Rules ensure 
security and performance. 


+Alerts and Expert Advice 
on howto fi problems and 
tune for peak performance. 


(Launch the MySQL Instance Configuration Wizard 


图 4-40 ”企业 服务 器 界面 图 4-41 完成 安装 


MySQL 安装 完成 后 ， 还 需要 继续 配置 服务 器 选项 ， 具 体操 作 步 又 如 下 。 

ED 在 上 面 安装 操作 的 最 后 一 步 ， 选 择 Launch the MySQL Instance Configuration 
Wizard 复 选 框 ， 然 后 单 击 Finish 按钮 ， 进 入 欢迎 设置 数据 库 向 导 的 界面 ， 单 击 Next 
按钮 开始 设置 ， 如 图 4-42 所 示 。 

选择 Standard Configuration 标准 组 态 模式 之 后 ， 单 击 Next 按钮 继续 ， 如 图 4-43 
所 示 。 


Welcome to the MySQL Server Instal 人 
Configuration Wizard 1.0.17.0 Configure the MySQL Server 5.5 server instance, 


The coongantion Wand wal eon ou to corigu Please select a configuration type. 
the MySQL Semer55 seer Instane 
ick Nex 


Detailed 
this configuration type to create the optimal server 
ae 


SGaaiaaa 
Use this only on machines that do not already have a MySQL 

Server installation, This will use a general purpose configuration 

for the sever that can be tuned manually, 


me | ene | 
图 4-42 ”欢迎 设置 数据 库 向 导 图 4-43 ”选择 设置 类 型 

ERBp 进入 设置 服务 器 选项 界面 后 ， 采 用 默认 的 设置 ， 单 击 Next 按钮 继续 ， 如 图 4-44 
所 示 。 

EEC 进入 安全 设置 选项 界面 后 ， 输 入 root 用 户 的 密码 ， 然 后 单 击 Next 按钮 继续 ， 如 
图 4-45 所 示 。 

ED 进入 准备 执行 界面 ， 并 显示 执行 的 具体 内 容 ， 单 击 Execute 按钮 继续 ， 如 图 4-46 
所 示 。 

出 现 如 图 4-47 所 示 的 界面 时 ， 表 示 组 态 文件 已 成 功 储存 ， 单 击 Finish 按钮 ， 将 
完成 组 态 设 置 。 
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案例 课堂 > 


MySQL Server Instance Configuration 
Configure the MySQL Server 5,5 semver instance, 


Please sat the Windows options. 


[Install As Windows Service 
This sthe recommended way to run the MySQL 
Sever on Windows. 


WW Launch the NySQ. Server automatialy 


FS Modify Sccurity Scttings 
et 
2 FT eypethe psswera, 
厂 Enable root access from remote machines 


| 
Check this option to include the directery containing 
the sever / cient executables in the Wine PATH 
variable so they can be called from the command line. 


Create An Anonymous kecount 


hs option wl create an anonymous account on thts sener, 
Please note that this an lead 10 an insecure system, 


| ee | 


me [Lee = | 


图 4-44 设置 服务 器 选项 图 4-45 设置 安全 选项 


MySQL Server Instance Configuration 


Configure the MySQL Semer 55 server Inst stance, Configure the WSQL Sever .5 semer nsts 
Randy to xeute » Processing configuntia 
© Prepare configunation prepare configuration 
© Wrte confiouration le TF Wte ontiguration ie pepeyen resetwwaq Seve sy) 
OO Start sevice stat sevice 
口 Appw securlty settines TApply security iettng5 
Please press [Execule] to start te cornguration. Cconfiguraton le created_ 
Windows service MySQL installed 
Semice started 
Socity eattnge appled 
Press [inish] to dose the ward_ 


| Ci ew 


图 4-46 准备 执行 界面 图 4-47 ”配置 完成 界面 


4.6.2 ” phpMyAdmin 的 安装 


MySQL 数据 库 的 标准 操作 必须 通过 命令 提示 符 界面 以 MySQL 指令 来 执行 ， 在 新 增 、 编 
辑 及 删除 数据 库 的 内 容 时 ， 必 须 使 用 比较 复杂 的 SQL 语法， 背诵 相对 艰深 的 命令 指令 ， 这 样 
才能 使 用 MySQL 数据 库 。 

难道 没有 较为 简单 的 软件 可 以 让 用 户 在 类 似 Access 的 操作 环境 下 ， 直 接管 理 MySQL 数 
据 库 吗 ? 答案 是 有 的 ， 而 且 这 样 的 软件 还 不 少 ， 其 中 最 常用 的 就 是 phpMyadmin。 

phpMyadmin 软件 是 一 套 Web 界面 的 MySQL 数据 库 管 理 程序 ， 不 仅 功 能 完整 、 使 用 方 
便 ， 而 且 只 要 用 户 有 适当 的 权限 ， 就 可 以 在 线 修改 数据 库 的 内 容 ， 并 让 用 户 更 加 安全 快速 地 
获得 数据 库 中 的 数据 。 

用 户 可 以 通过 网 址 (http://www.phpmyadmin.net/) 获 得 phpMyAdmin 软件 。 下 面 以 安装 
phpMyAdmin-3.5.3-rcl-all-languages.zip 为 例 来 讲解 安装 的 方法 ， 操 作 步 骤 如 下 。 

EEC 右 击 下 载 的 phppMyAdmin 压缩 文件 ， 在 弹出 的 快捷 菜单 中 选择 “解压 文件 ” 命 

令 ， 如 图 4-48 所 示 。 
将 解压 后 的 文件 放置 到 网 站 根 目录 C:\Apache2.2thtdocs\ 下 ， 如 图 4-49 所 示 。 


难 解 Hdl 当前 文件 天 QD 
难 解 压 到] phpllyAaninr3.5.3-rcel-all-langaages\ (E) 


OI “ee 
」 实 件 是 编 强 四 可 天 I 且 0) 天 动 00 
中 三 "ne 


图 4-48 解压 文件 图 4-49 解压 后 的 文件 


打开 浏览 器 ， 在 网 址 栏 中 输入 “http://localhost/phpMyAdmin/index.php”， 运 行 
结果 如 图 4-50 所 示 ， 该 运行 结果 表示 phpMyAdmin 能 够 正确 执行 。 


欢迎 使 用 phpMyAdmin 


让 | 语言 -Language 
中 文 - Chinese simplified 同 


登录 加 


Ea 


图 4-50 ” phpMyAdmin 的 运行 界面 


4.7 快速 安装 PHP 集成 环境 : WampServer 2.5 


动态 网 站 的 执行 环境 除了 可 以 通过 本 节 中 介绍 的 方法 进行 创建 外 ， 用 户 还 可 以 使 用 
WampServer 软件 快速 安装 PHP 集成 环境 ， 这 个 环境 也 适合 动态 网 站 的 运行 。 
下 面 以 安装 WampServer 2.5 为 例 进行 讲解 。 快 速 安装 PHP 集成 环境 的 操作 步骤 如 下 。 
双击 WampServer 2.5.exe 开始 安装 WampServer。 进 入 欢迎 安装 的 界面 ， 单 击 
Next 按钮 开始 安装 ， 如 图 4-51 所 示 。 
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案例 课堂 四 


出 现 许 可 协议 窗口 ， 选 择 I accept the agreement 单 选 按钮 ， 然 后 单 击 Next 按钮 
继续 安装 ， 如 图 4-52 所 示 。 


et Pa 
OMe Wmsener? re OO 
a 


Please read the folowing Licerse Agreemert, You must accept the tems of this 
agreement before contnuing with the instalation. 


Itis recommended that you dose al other appli-ations before 
Pomared by continung, 
Alter Way 本 
The Fronth Click Next to continus, or Cancel to exit Setup. 
Open Source 
Service Provider 
http:www.alterwayifr 


er 自 
rator : Romain pourdon 
tainer | Upgrade/Roadmap :+ Herve Lederc - herve lederc@halterway.f 
GNU GENERAL PUBLIC LI 
Verson 2, June 1991 
(Copyright (C) 1989, 1991 Free Software Foundation, Inc, 


@ laccept the agreement 
© ld not accept the aoreement 


图 4-51 欢迎 界面 图 4-52 许可 证 协议 界面 


出 现 设 置 软件 安装 路 径 的 界面 ， 建 议 采 用 默认 值 ， 单 击 Next 按钮 继续 安装 ， 如 
4-53 所 示 。 

在 出 现 的 界面 中 选择 Create a Quick Launch icon 复 选 框 和 Create a Desktop icon 
复 选 框 ， 从 而 确定 添加 快速 启动 栏 菜单 和 桌面 快捷 方式 ， 单 击 Next 按钮 继续 安装 ， 
如 图 4-54 所 示 。 


Select Destination Location Select Additional Tasks 
Where should WampServer 2be instaled? Which additonal tasks should be performed? 
下 a a ee ds ym Sp pe en hh Pe ees 


To continue, dck Next. If you would lke to select a different folder, cick Browse. Mddtonal one: 


create a Quick Launch con 
SEE Browse... 
国 Create a Desktop kon 


Atleast 414,4MB of free disk space is requred 


Cr Les> ] ome 


图 4-53 选择 安装 路 径 图 4-54 ”添加 快速 启动 栏 菜单 和 桌面 快捷 方式 


出 现 准备 安装 界面 ， 确 认 信息 后 ， 单 击 Install 按钮 开始 安装 ， 如 图 4-55 所 示 。 

安装 的 过 程 中 ， 会 出 现 邮箱 设置 界面 ， 采 用 默认 的 设置 ， 单 击 Next 按钮 继续 安 
装 ， 如 图 4-56 所 示 。 

完成 软件 安装 时 ， 单 击 Finish 按钮 启动 WampServer， 如 图 4-57 所 示 。 

在 桌面 右 下 角 可 以 看 到 WampServer 图 标 ， 右 击 ， 在 弹出 的 快捷 菜单 中 选择 
Language 一 chinese 命令 ， 如 图 4-58 所 示 ， 从 而 设置 显示 语言 为 简体 中 文 。 


Ready to Install 
Setup is now ready to begin nstaling WampServer 2on your computer', 


Chck Instal to continue with the nstallation, or dick Back f you want to review or peofy the SMTP server and the adresse ma to be used by PHP when using 
change any settngs. functon mal0. If you are not sure, just leave the default values. 


Destnation location: 
wamp 
Addtonal tasks: 
Additional icons: 
Createa Quick Launch icon 
Create a Desktop icon 


图 4-55 准备 安装 


全 Se 人 人 WampServer 2 


Ww Setup Wizal 


Setup has freshed nstaling WampServer 2 on your computer. 
WoenpServe The appicabon may be launched by selecbng he rstaled 
ore 


Powered by 


Chck Finish to edt Setup. 


图 Laund WampServer 2now 


图 4-57 安装 完成 图 4-58 选择 显示 语言 


EC 单 击 桌面 右 下 角 的 WampServer 图 标 ， 在 弹出 的 快捷 菜单 中 ， 即 可 看 到 安装 的 软 
件 ， 如 图 4-59 所 示 。 如 果 服 务 器 没有 启动 ， 可 以 选择 “启动 所 有 服务 ”命令 。 

EED 如 果 选 择 Localhost 命令 ， 则 打开 服务 器 的 默认 主页 ， 可 以 看 到 集成 环境 中 各 个 
软件 的 版 本 信息 ， 如 图 4-60 所 示 。 

EEaD 如 果 选 择 “www 目录 (W)” 命 令 ， 则 打开 服务 器 网 站 的 根 目录 ， 以 后 制作 的 动 
态 网 页 将 放 在 此 文件 夹 下 ， 如 图 4-61 所 示 。 


i107@ 


Dreamweaver+PHP+MySQL 动 态 网 站 开发 
案例 课堂 ~ 


WAMPSERVER 2.5 


图 4-59 WampServer 的 菜单 命令 图 4-60 ”查看 集成 环境 中 的 信息 
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国 讽 

赎 避 H 
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图 4-61 服务 器 网 站 的 根 目录 


4.8 高 手 甜 点 


甜点 1: 架设 IS + 了 PHP 环境 后 ， 不 支持 MySQL 怎么 办 ? 
在 php.ini 的 配置 文件 中 找到 mysql 栏目 ， 配 置 如 下 : 


mysql.default port=3306 
mysql.default host=localhost 
mysql.default user=root 


然后 把 libmysql.dll 复制 到 system32 目录 下 ， 把 php.ini 复制 到 WINDOWS 目录 下 ， 最 后 
重新 启动 一 下 电脑 即 可 。 


甜点 2: Apache 网 站 服务 器 配置 修改 完成 后 ， 不 能 生效 怎么 办 ? 


在 Apache + PHP 的 执行 环境 下 ， 如 果 修 改 了 配置 文件 的 任何 一 项 设置 ， 则 必须 将 Apache 
网 络 服务 器 重新 启动 ， 才 会 生效 。 


. 
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甜点 3: 如 何 设置 网 站 的 主 目录 ? 


在 Windows 7 操作 系统 中 ， 设 置 网 站 的 主 目录 的 方法 如 下 。 

用 本 章 的 方法 打开 “计算 机 管理 ”窗口 ， 选 择 Default Web Site 选项 ， 如 图 4-62 所 示 。 

在 右 侧 的 窗 格 中 单 击 “ 基 本 设置 ”链接 ， 打 开 “ 编 辑 网 站 ”对 话 框 ， 单 击 “ 物 理 路 径 ” 
下 的 按钮 ， 即 可 在 打开 的 对 话 框 中 重新 设置 网 站 的 主 目录 ， 如 图 4-63 所 示 。 


图 4-62 “计算 机 管理 ”窗口 图 4-63 “编辑 网 站 ”对 话 框 


甜点 4: 如 何 纯 载 IIS? 


读者 经 常会 遇 到 IIS 不 能 正常 使 用 的 情况 ， 所 以 需要 首先 卸载 IS， 然 后 再 次 安装 即 可 。 
利用 本 章 的 方法 打开 “Windows 功能 ”对 话 框 ， 取 消 “Internet 信息 服务 ” 复 选 框 ， 单 击 
“确定 ”按钮 ， 系 统 将 自动 完成 IS 的 卸载 ， 如 图 4-64 所 示 。 


回访 Internet Information Services 可 承志 的 Web 核心 
田 固 用 
田 国有 具 Microsoft ,NET Framework 3.5.1 
国 回 上 Microsoft Message Queue (MSMQ) 服务 器 
田 同 且 NFS 服务 

加 用 RAS 连接 管理 部 管 理工 具 包 (CMAK) 


四 县 Rip i 

国 县 Tablet PC 组 件 
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目标 (已 掌握 的 在 方 框 中 打 勾 ) 


数据 库 是 动态 网 站 的 关键 性 技术 ， 可 以 说 没有 数据 库 就 不 可 能 实现 动态 网 站 的 


学 习 


2 
二 


制作 。 本 章 就 来 介绍 如 何 定义 动态 网 站 及 使 用 MySQL 数据 库 ， 包 括 MySQL 数据 


库 的 使 用 方法 、 在 网 页 中 使 用 数据 库 、MySQL 数据 库 的 高 级 设 定 等 。 
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5.1 定义 一 个 互动 网 站 


定义 一 个 互动 网 站 是 制作 动态 网 站 的 第 一 步 ， 但 许多 初学 者 会 忽略 这 一 点 ， 以 至 于 由 
Dreamweaver CS6 所 产生 的 代码 无 法 与 服务 器 配合 。 


5.1.1 定义 互动 网 站 的 重要 性 


打开 Dreamweaver CS6 的 第 一 步 ， 不 是 制作 网 页 和 写 程序 ， 而 是 先 定义 所 制作 的 网 站 ， 
原因 有 以 下 3 点 。 

(1) 将 整个 网 站 视 为 一 个 单位 来 定义 ， 可 以 清楚 地 整理 出 整个 网 站 的 架构 、 文 件 的 配 
置 、 网 页 之 间 的 关联 等 信息 。 

(2) 可 以 在 同一 个 环境 下 一 次 性 定义 多 个 网 站 ， 而 且 各 个 网 站 之 间 不 冲突 。 

(3) 在 Dreamweaver CS6 中 添加 了 一 顶 测试 服务 器 的 设置 ， 如 果 事 先 定 义 好 了 网 站 ， 就 
可 以 让 该 网 站 的 网 页 连接 到 测试 服务 器 里 的 数据 库 资源 ， 还 可 以 在 编辑 界面 中 预览 数据 库 中 
的 数据 ， 甚 至 打开 浏览 器 来 运行 。 


5.1.2 在 Dreamweaver CS6 中 定义 网 站 

设置 网 站 服务 器 是 所 有 动态 网 页 编写 前 的 第 一 个 操作 ， 因 为 动态 数据 必须 通过 网 站 服务 
器 的 服务 才能 运行 ， 许 多 人 都 会 忽略 这 个 操作 ， 以 至 于 程序 无 法 执行 或 是 出 错 。 

1. 整理 制作 范例 的 网 站 信息 


在 开始 操作 之 前 ， 先 养 成 一 个 习惯 一 一 就 是 整理 制作 范例 的 网 站 信息 ， 具 体 就 是 ， 将 所 
要 制作 的 网 站 信息 以 表格 的 方式 列 出 ， 再 按 表 来 实施 ， 这 样 ， 不 仅 可 以 让 网 站 数据 井 井 有 
条 ， 也 在 从 事 维护 工作 时 能 够 更 快 地 掌握 网 站 情况 。 如 表 5.1 所 示 为 整理 出 来 的 网 站 信息 。 


表 5.1 网 站 信息 
信息 名 称 内 容 

网 站 名 称 测试 网 站 
本 机 服务 器 主 文件 夹 CrVwampVwww 
程序 使 用 的 文件 夹 Ci\Wwamp\WWw 
程序 测试 网 址 http://localhost/ 

2. 定义 新 网 站 

整理 好 网 站 的 信息 后 ， 下 面 就 可 以 正式 进入 Dreamweaver CS6 进行 网 站 编辑 了 ， 具 体操 

作 步 又 如 下 。 


EEDp 在 Dreamweaver CS6 的 编辑 界面 中 ， 选 择 “站 点 ”一 “管理 站 点 ”菜单 命令 ， 
如 图 5-1 所 示 。 


信心 


全 


ED 在 弹出 的 “管理 站 点 ”对 话 框 中 ， 单 击 “ 新 建站 点 ”按钮 ， 如 图 5-2 所 示 。 将 弹 
出 “站 点 设置 对 象 ”对 话 框 。 

5 到 | 另外 ， 用 户 也 可 以 直接 选择 “站 点 ”一 “新 建站 点 ”菜单 命令 调 出 “站 点 设置 对 
慌 。 象 " 对 话 框 ， 如 图 5-3 所 示 。 


新 建 Business Catalyst 站 点 外) 


歌 职 包 ) 
取出 必 ) 

上 传 四 ) 

存 回 四 ) 

擅 消 职 出 四 
显示 取出 者 邓 ) 
在 站 点 定位 LL) 


报 省 (中) 
图 5-1 选择 “管理 站 点 ”命令 图 5-2 “管理 站 点 ”对 话 框 图 5-3 新 建站 点 
EEIRB 在 “站 点 设置 对 象 ”对 话 框 中 ， 输 入 站 点 名 称 为 “测试 网 站 ”， 选 择 本 地 站 点 


文件 夹 位 置 为 “C:vwampvwww”， 如 图 5-4 所 示 。 
YY 在 左 侧 列表 中 选择 “服务 器 ”选项 卡 ， 单 击 “+” 按 钮 ， 如 图 5-5 所 示 。 


弄 沸 北 TDSAW 洒 启 册 号 习 寺 站 Xi 由 5 洛 旺 


GG 


图 5-4 设置 站 点 的 名 称 和 存放 位 置 5-5 “服务 器 ”选项 卡 


ES 在 “基本 ”选项 卡 中 输入 服务 器 名 称 “ 未 命名 的 服务 器 2”， 选 择 连 接 方法 为 
“本 地 /网 络 ”， 选 择 服务 器 文件 夹 为 “C:vwampvwww”， 如 图 5-6 所 示 。 


pr URL(Uniform Resource LocatoD 即 统一 资源 定位 器 ， 是 一 种 网 络 上 的 定位 系统 ， 
A 可 称 为 网 站 。Host 指 Internet 连接 的 电脑 ， 至 少 有 一 个 固定 的 人 P 地 址 。Localhost 指 
本 地 端的 主机 ， 也 就 是 用 户 自己 的 电脑 。 


攻 于 BY 选择 “高 级 ”选项 不 ， 设 置 测试 服务 器 的 服务 器 模型 为 “PHP MySQL”， 最 后 
单 击 “ 保 存 ” 按 钮 保存 站 点 设置 ， 如 图 5-7 所 示 。 


其 他 可 选 的 服务 器 模型 有 ASP VBScript、ASP JavaScript、ASP. NET (C#、VB)、 
| 长 注 ColdFusion、JSP 等 。 


mmm? 
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案例 课堂 >- 
一 
和 [ 才 SEE | 远程 服务 加 
2 名 维护 同步 信息 
这 阁 太 :| 址 远 的 = 口 保存 时 自动 文件 上 伟 到 服务 器 
服务 器 文件 卖 ; [Ciwanpwww El 口 启用 文件 取出 功能 
ER 也 打开 人间 
了 出名 称 : 
电子 邮件 地 直 [| 
列 i 有 务 器 
服务 基 术 型:[ PHPMSQL [=] 
一 |] 于 镶 [CC mw |] | 世 鲜 _ ][ ww% ] 
图 5-6 “基本 ”选项 卡 图 5-7 “高 级 ”选项 卡 


EEC 返回 到 Dreamweaver CS6 的 编辑 界面 中 ， 在 “文件 ”面板 上 会 显示 所 设置 的 结 
果 ， 如 图 5-8 所 示 。 

EERB 如 果 想 要 修改 已 经 设置 好 的 网 站 ， 可 以 选择 “站 点 ”一 “站 点 管理 ”命令 ， 在 

弹出 的 对 话 框 中 单 击 “ 铅 笔 ” 按 钮 ， 再 次 编辑 站 点 的 属性 ， 如 图 5-9 所 示 。 


ed [| 
is 
让 [esc WE | 
CC CJ 
图 5-8 Dreamweaver CS6 的 编辑 界面 5-9 “管理 站 点 ”对 话 框 


3. 测试 设置 结果 

完成 了 以 上 的 设置 后 ， 下 面 可 以 制作 一 个 简单 的 网 页 来 测试 一 下 。 

有 具体 的 操作 步骤 如 下 。 

EI 在 “文件 ”面板 中 添加 一 个 新 文件 并 打开 该 文件 进行 编辑 。 要 添加 新 文件 ， 可 


选取 该 网 站 文件 夹 后 右 击 ， 在 弹出 的 快捷 菜单 中 选择 “新 建文 件 ” 命 令 ， 然 后 将 新 
文件 命名 为 test.php， 如 图 5-10 所 示 。 


EEJ2) 双击 <testphp> 打 开 新 文件 ， 在 页 面 上 添加 一 些 文字 ， 如 图 5-11 所 示 。 


ERB) 添加 完成 后 ， 直 接 按 F12 键 打开 浏览 器 来 预览 ， 可 以 看 到 页 面 执行 的 结果 ， 如 
图 5-12 所 示 。 


Gi 


IIETTTTTTE Pscx| 


[xm < RE 


册 满 岂 1DSAW 酒 祝 J 


图 5-12 ”网 页 预览 结果 


mm 7? 


不 过 这 样 似乎 与 预览 静态 网 页 时 没有 什么 区 别 。 但 仔细 看 看 这 个 网 页 所 执行 的 网 
衣 二 址 ， 它 不 再 是 以 磁盘 路 径 来 显示 的 ， 而 是 以 刚才 设置 的 URL 前 级 http://localhost/ 再 加 
上 文件 名 来 显示 的 ， 这 表示 网 页 是 在 服务 器 的 环境 中 运行 的 。 


EC 仅仅 这 样 ， 还 不 能 完全 显示 出 互动 网 站 服务 器 的 优势 ， 我 们 再 加 入 一 行 代码 来 
测试 程序 执行 的 能 力 。 首 先 回 到 Dreamweaver CS6， 在 刚才 的 代码 后 添加 一 行 ， 执 
行 一 些 操作 ， 如 图 5-13 所 示 。 


Sm 代码 中 的 date0 是 一 个 PHP 的 时 间 函 数 ， 其 中 的 参数 可 设置 显示 格式 ， 可 以 显示 
半 服务 器 的 当前 时 间 ， 而 <?php echo..?> 会 将 函数 所 取得 的 结果 送 到 前 端 浏览 器 来 显 
示 ， 所 以 在 执行 这 个 页 面 时 ， 应 该 会 在 网 页 上 显示 出 服务 器 的 当前 时 间 。 


EEIpp 按 Ctrl+S 组 合 键 保 存 文件 后 ， 再 按 F12 键 打开 浏览 器 进行 预览 ， 果 然 ， 在 刚才 
的 网 页 下 方 出 现 了 当前 时 间 ， 这 就 表明 我 们 的 设置 确实 可 用 ，Dreamweaver CS6 的 
服务 器 环境 也 就 此 设置 完成 了 ， 如 图 5-14 所 示 。 


Eee -ecx 
LS55ax x 


tt 刘 1e? 动 态 测试 届 画 ct 放 1e7 


tneta charset="gh2312° 
Shead> 


Hi, Dreamweaver CS6!!! 


现在 时 间 为 ，2015-05-25 01:54:36 


图 5-13 添加 动态 代码 
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5.2 ”MySQL 数据 库 的 使 用 


要 使 一 个 网 站 能 实现 互动 效果 ， 不 是 让 网 页 充满 了 动画 和 音乐 ， 而 是 当 浏 览 者 对 网 页 提 
出 请 求 时 ， 能 出 现 响应 的 结果 。 这 样 的 效果 大 多 需 措 配 数据 库 的 使 用 ， 让 网 页 读 出 保存 在 数 
据 库 中 的 数据 ， 显 示 在 网 页 上 。 因 为 每 个 浏览 者 对 于 某 个 相同 的 网 页 所 提出 的 要 求 不 同 ， 显 
示 出 的 结果 也 不 同 ， 这 才 是 真正 的 互动 网 站 。 


5.2.1 数据 库 的 原理 


Dreamweaver CS6 可 连接 的 数据 库 类 型 很 多 ， 从 dBase 到 目前 市 场 上 的 主流 数据 库 
Access、SQL Server、MySQL、Oracle 等 ， 都 能 使 用 。 在 我 们 以 Dreamweaver CS6 开发 PHP 
互动 网 站 的 环境 下 所 搭配 的 数据 库 为 MySQL， 在 使 用 数据 库 之 前 ， 用 户 必 须 对 数据 库 的 构造 
及 运行 方式 有 所 了 解 ， 才 能 有 效 地 制作 互动 程序 。 

数据 库 (Database) 是 一 些 相关 数据 的 集合 ， 我 们 可 以 用 一 定 的 原则 及 方法 添加 、 编 辑 和 删 
除数 据 的 内 容 ， 并 对 所 有 数据 进行 搜索 、 分 析 及 对 比 ， 取 得 可 用 的 信息 ， 产 生 所 需 的 结果 。 

一 个 数据 库 中 不 是 只 能 保存 一 种 简单 的 数据 ， 可 以 将 不 同 的 数据 内 容 保存 在 同一 个 数据 
库 中 ， 例 如 ， 在 进 销 存 管理 系统 中 ， 可 以 同时 将 货物 数据 与 厂商 数据 保存 在 同一 个 数据 库 文 
件 中 ， 归 类 及 管理 时 较为 方便 。 

若 不 同类 的 数据 之 间 有 关联 ， 还 可 以 彼此 使 用 。 

例如 ， 可 以 查询 出 某 种 产品 的 名 称 、 规 格 及 价格 ， 而 且 可 以 利用 其 厂商 编号 查询 到 厂商 
名 称 及 联系 电话 。 我 们 称 保存 在 数据 库 中 不 同类 别 的 记录 集合 为 数据 表 (Table)， 一 个 数据 库 
中 可 以 保存 多 个 数据 表 ， 而 每 个 数据 表 之 间 并 不 是 互 不 相干 的 ， 如 果 有 关联 的 话 ， 是 可 以 协 
同 作业 、 彼 此 合作 的 ， 如 图 5-15 所 示 。 


一 个 数据 库 可 以 保存 多 个 不 同 的 
数据 表 ， 每 个 数据 表 之 间 因为 共 
同 拥有 一 个 相同 字段 而 可 以 彼此 


相关 、 协 同 作用 ， 这 就 是 所 谓 的 
“关系 式 数据 库 ” 


图 5-15 数据 库 示 意图 
每 一 个 数据 表 都 是 由 一 个 个 字段 组 合 起 来 的 ， 例 如 ， 在 产品 数据 表 中 ， 可 能 会 有 产品 编 
号 、 产 品名 称 和 产品 价格 等 字段 ， 只 要 按照 一 个 个 字段 的 设置 输入 数据 ， 即 可 完成 一 个 完整 
的 数据 库 ， 如 图 5-16 所 示 。 
这 里 有 一 个 很 重要 的 概念 ， 一 般 人 认为 数据 库 是 保存 数据 的 地 方 ， 这 是 不 对 的 。 其 实 ， 
数据 表 才 是 真正 保存 数据 的 地 方 ， 数 据 库 是 放置 数据 表 的 场所 ， 如 图 5-17 所 示 。 


口 产品 编号 | 产品 名 称 | 产品 价格 
产品 a00001 | 鼠标 | x90 
数据 表 a00002 Y¥150 


5-16 ”数据 表示 意图 


有 正确 的 数据 库 概念 ， 在 编写 程 
序 时 才 不 会 感到 困扰 


有 


原来 数据 库 的 组 成 与 结构 是 上 2 
这 个 样子 《 


图 5-17 数据 存放 的 位 置 


5.2.2 ”数据 库 的 建立 


由 于 MySQL 数据 库 的 指令 都 是 在 命令 提示 符 界面 中 使 用 的 ， 但 这 对 于 初学 者 是 比较 难 
的 ， 针 对 这 一 难题 ， 本 书 将 采用 phpMyAdmin 管理 程序 来 执行 ， 以 便 能 有 更 简易 的 操作 环境 
及 使 用 效果 。 


1. 启动 phpMyAdmin 管理 程序 


phpMyAdmin 是 一 套 使 用 PHP 技术 开发 的 管理 程序 ， 它 采用 网 页 形式 的 管理 界面 。 如 果 
要 正确 执行 这 个 管理 程序 ， 就 必须 在 网 站 服务 器 上 安装 PHP 和 MySQL 数据 库 。 

要 启动 phpMyAdmin 管理 程序 ， 只 须 单 击 桌面 右 下 角 的 WampServer 图 标 ， 在 弹出 的 快 
捷 菜 单 中 选择 phpMyAdmin 命令 ， 如 图 5-18 所 示 。phpMyAdmin 启动 后 的 主 界面 如 图 5-19 所 
示 。 用 户 只 须 单 击 New 链接 ， 即 可 创建 新 的 数据 库 。 


2. 创建 数据 库 
在 MySQL 数据 库 安 装 完 毕 后 ， 会 有 4 个 内 置 数据 库 ， 即 mysql、information_ schema、 


performance_schema 和 | test: 

e ”mysql 数据 库 是 系统 数据 库 ， 它 在 24 个 数据 表 中 保存 了 整个 数据 库 的 系统 设置 ， 十 
分 重要 。 

®@ information_schema 包括 数据 库 系统 有 什么 库 、 有 什么 表 、 有 什么 字典 、 有 什么 存储 
过 程 等 所 有 对 象 信息 和 进程 访问 /状态 信息 。 

@ performance_schema 新 增 了 一 个 存储 引擎 ， 主 要 用 于 收集 数据 库 服务 器 性 能 参数 。 
包括 锁 、 互 斥 变量 、 文 件 信息 ; 保存 历史 的 事件 汇总 信息 ， 为 提供 MySQL 服务 器 
性 能 做 出 详细 的 判断 ， 对 于 新 增 和 删除 监控 事件 点 都 非常 容易 ， 并 可 以 随意 改变 
MySQL 服务 器 的 监控 周期 。 

@ test 数据库 是 让 用 户 测试 用 的 数据 库 ， 可 以 在 里 面 添加 数据 表 来 测试 。 
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phpMyAdmin 和 
Er 
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图 5-18 选择 phpMyAdmin 命令 5-19 ” phpMyAdmin 的 工作 界面 


Sm performance_schema 是 MySQL 5.5 新 增 的 一 个 功能 ， 可 以 帮助 DBA 了 解 性 能 降 
站 低 的 原因 。mysql、information_ schema 为 关键 库 ， 不 能 被 删除 ， 和 否则， 数据 库 系统 就 
不 再 可 用 。 
这 里 以 在 MySQL 中 创建 一 个 企业 员工 管理 数据 库 company 为 例 ， 并 添加 一 个 员工 信息 
表 employee。 如 图 5-20 所 示 ， 我 们 首先 在 文本 框 中 输入 要 创建 数据 库 的 名 称 “company”， 


再 单 击 “ 创 建 ”按钮 即 可 。 


加 才气 库 加 SQL | 天 状态 ad 用 户 加 5 出 加 SA 让 认 了 YE 


数据 库 
局 新建 数据 库 大 
i 


| | 排序 规则 避 (创建 


5-20 创建 company 数据 库 


sa。 在 一 个 数据 库 中 ， 可 以 保存 多 个 数据 表 ， 以 这 里 所 举 的 范例 来 说 明 : 一 个 企业 员 
工 管理 数据 库 中 ， 可 以 包含 员工 信息 数据 表 、 岗 位 工资 数据 表 、 销 售 业绩 数据 表 等 。 
因此 ， 这 里 需要 创建 数据 库 company， 也 需要 创建 数据 表 employee。 


3. 认识 数据 表 的 字段 

在 添加 数据 表 之 前 ， 首 先 要 规划 数据 表 中 要 使 用 的 字段 。 其 中 ， 设 置 数据 字段 的 类 型 非 
常 重要 ， 使 用 正确 的 数据 类 型 ， 才 能 正确 保存 和 应 用 数据 。 

在 MySQL 数据 表 中 ， 常 用 的 字段 数据 类 型 可 以 分 为 3 个 类 别 。 

(1) 数值 类 型 : 可 用 来 保存 计算 用 的 数值 数据 ， 例 如 会 员 编 号 或 产品 价格 等 。 在 MySQL 


中 的 数值 字段 按照 保存 数据 所 需 空间 的 大 小 ， 有 一 些 区 别 ， 如 表 5.2 所 示 。 


全 1's 


表 5.2 数值 类 型 
数值 数据 类 型 “| 保存 空间 ( 字 节 ) 数据 的 表示 范围 
TINYINT 1 signed -128~127 unsigned 0~255 
SMALLINT 2 Signed -32768~32767 Unsigned 0~65535 
MEDIUMINT 3 signed -8388608~8388607 Unsigned 0~16777215 
INT 4 signed -2147483648~2147483647 ”unsigned 0-4294967295 


注 ; signed 表示 其 数值 数据 范围 可 能 有 负 值 ，unsigned 表示 其 数值 数据 均 为 正 值 


(2) 日 期 及 时 间 类 型 : 可 用 来 保存 日 期 或 时 间 类 型 的 数据 ， 例 如 会 员 生 日 、 留 言 时 间 
等 。MySQL 中 的 日 期 及 时 间 类 型 有 若干 种 格式 ， 如 表 5.3~5.5 所 示 。 


表 5.3 日 期 数据 类 型 


日 期 数据 类 型 

数据 类 型 名 称 DATE 

存储 空间 3 字 季 

数据 的 表示 范围 | “1000-01-01 ~ '9999-12-31， 

数据 格式 “YYYY-MM-DD”、 “YY-MM-DD”、 “YYYYMMDD”"、 “YYMMDD”、 


YYYYMMDD, YYMMDD 
注 ; 在 数据 格式 中 ， 若 没有 加 上 引号 为 数值 表示 格式 ， 前 后 加 引号 的 为 字符 串 的 表示 格式 


表 5.4 时间 数据 类 型 


时 间 数 据 类 型 

数据 类 型 名 称 TIME 

存储 空间 3 字 节 

数据 的 表示 范围 “一 838:59:59" ~ “838:59:59， 


数据 格式 Mhh:mm:ssN、“hhmmss”、hhmmss 


注 : 在 数据 格式 中 ， 若 没有 加 上 引号 为 数值 的 表示 格式 ， 前 后 加 上 引号 为 字符 串 的 表示 格式 


表 5.5 日 期 和 时 间 数 据 类 型 


日 期 和 时 间 数 据 类 型 

数据 类 型 名 称 DATETIME 

存储 空间 8 字 节 

数据 的 表示 范围 | “1000-01-01 00:00:00” ~ “9999-12-31 23:59:59” 

数据 格式 “YYYY-MM-DD hh:mm:ss* 、“YY-MM-DD hh:mm:ss* 、“YYYYMMDDhhmmss” 、 
“YYMMDDhhmmss”"、 YYYYMMDDhhmmss、 YYMMDDhhmmss 


注 : 在 数据 格式 中 ， 若 没有 加 上 引号 为 数值 的 表示 格式 ， 前 后 加 上 引号 为 字符 串 的 表示 格式 
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(3) 文本 类 型 : 文本 类 型 可 用 来 保存 文本 类 型 的 数据 ， 如 学 生 姓 名 、 地 址 等 。 在 MySQL 
中 ， 文 本 类 型 数据 有 若干 种 格式 ， 如 表 5.6 所 示 。 


表 5.6 文本 数据 类 型 


文本 数据 类 型 保存 空间 数据 的 特性 
CHAR(M) 最 大 为 255 字 节 必须 指定 字段 大 小 ， 数 据 不 足 时 以 空白 字符 填 满 
VARCHAR(MD 最 大 为 255 字 节 必须 指定 字段 大 小 ， 以 实际 填 入 的 数据 内 容 来 存储 


TEXT 最 多 可 保存 25535 字 节 无 须 指 定 字段 大 小 


在 设置 数据 表 时 ， 除 了 要 根据 不 同性 质 的 数据 选择 适合 的 字段 类 型 外 ， 有 些 重要 的 字段 
特性 定义 也 能 在 不 同 的 类 型 字段 中 发 挥 其 功能 。 常 用 的 设置 如 表 5.7 所 示 。 


表 5.7 ”特殊 字段 数据 类 型 


特性 定义 名 称 适用 类 型 定义 内 容 
SIGNED、UNSIGNED 数值 类 型 定义 数值 数据 中 是 否 允 许 有 负 值 ，SIGNED 表示 人 允许 
AUTOJNCREMENT 数值 类 型 自动 编号 ， 由 0 开始 ， 以 1 来 累加 
BINARY 文本 类 型 保存 的 字符 有 大 小 写 区 别 
NULL、NOTNULL 全 部 是 否 允许 在 字段 中 不 填 入 数据 
默认 值 全 部 若是 字段 中 没有 数据 ， 即 以 默认 值 填充 
主键 全 部 主 索 引 ， 每 个 数据 表 中 只 能 允许 一 个 主键 列 ， 而 且 该 栏 
数据 不 能 重复 ， 以 加 强 数 据 表 的 检索 功能 


如 果 想 要 了 解 MySQL 更 多 的 其 他 类 型 的 数据 字段 及 详细 数据 ， 可 参考 MySQL 
的 使 用 手册 ， 或 MySQL 的 官方 网 站 : http://www. mysql.com。 


C= 
7 提示 


4. 添加 数据 表 
要 添加 一 个 员工 信息 数据 表 。 
如 表 5.8 所 示 是 这 个 数据 表 的 字段 规划 。 


表 5.8 员工 信息 数据 表 


名 称 字 段 字段 类 型 是 否 为 空 
员工 编号 cmID INT(8) 否 
姓名 cmName VARCHAR(20) 否 
性 别 cmSex 否 
生日 cmBirthday 否 
电子 邮件 cmEmail 是 
电话 cmPhone 是 
住址 cmAddress 是 


售 20 


其 中 有 以 下 几 个 要 注意 的 地 方 。 

e 员工 编号 (cmID): 为 这 个 数据 表 的 主 索引 字段 ， 基 本 上 ， 它 是 以 数值 类 型 保存 的 数 
据 ， 因 为 一 般 编 号 不 会 超过 两 位 数 ， 也 不 可 能 为 负数 ， 所 以 设置 它 的 字段 类 型 为 
TINYINT(2)， 属 性 为 UNSIGNED。 在 添加 数据 时 ， 数 据 库 能 自动 地 为 员工 编号 ， 所 
以 在 字段 上 加 入 了 auto_increment 自动 编号 的 特性 。 

e@ ”姓名 (cmName): 属于 文本 字段 ， 一 般 不 会 超过 10 个 中 文字 ， 也 就 是 不 会 超过 20 字 
节 ， 所 以 这 里 设置 为 VARCHAR(20)。 

e@ 性 别 (cmSex): 属于 文本 字段 ， 因 为 只 保存 一 个 中 文字 ( 男 或 女 )， 所 以 设置 为 
CHAR(2)， 默 认 值 为 “ 男 ”。 

e@ ”生日 (cmBirthday): 属于 日 期 时 间 格式 ， 设 置 为 DATE。 

e@ ”电子 邮件 (cmEmail) 和 住址 (cmAddress): 都 是 文本 字段 ， 设 置 为 VARCHAR(100)， 
最 多 可 保存 100 个 英文 字符 ，50 个 中 文字 。 因 为 每 个 人 不 一 定 有 这 些 数 据 ， 所 以 这 
两 个 字段 允许 为 空 。 

@ ”电话 (cmPhone): 设置 为 VARCHAR(100)。 因 为 每 个 人 不 一 定 有 这 些 数 据 ， 所 以 这 个 
字段 允许 为 空 。 

接着 就 要 回 到 phpMyAdnmin 的 管理 界面 了 ， 来 为 MySQL 中 的 company 数据 库 添 加 数据 

表 。 在 左 侧 列表 中 选择 创建 的 company 数据 库 ， 在 右 侧 输入 添加 的 数据 表 名 称 和 字段 数 ， 然 
后 单 击 “执行 ”按钮 ， 如 图 5-21 所 示 。 
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OT" | htpii/localhost/phpmyadmin/sPMAURL-5:db_structure php?db=company&table=&iserver=18uarget=&toke B DD OX | 
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Wy | 记 新 于 加 去 | 
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名 字 : [employee | 


图 5-21 新 建 数据 表 employee 


应 当 按照 表 5.8 的 内 容 来 设置 数据 表 ， 如 图 5-22 所 示 为 添加 的 数据 表 字 段 。 

设置 的 过 程 中 要 注意 4 点 : 

e@ 设置 cmID 为 整数 。 

e@ 设置 cmID 为 自动 编号 。 

@ 设置 cmID 为 主键 列 。 

@ 人 允许 cmEmail、cmPhoned、cmAddress 为 空 。 

在 设置 完毕 之 后 ， 单 击 “ 保 存 ” 按 钮 ， 在 打开 的 界面 中 ， 可 以 查看 完成 的 employee 数据 
表 ， 如 图 5-23 所 示 。 
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装 据 下 各 -|employee | Em [1 1 及 多 全 
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图 5-22 添加 的 数据 表 字段 
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加 5 cmEmail varchar(100) gb2312_chinese_ci 是 NULL Sik OW Da ES 


回 7 cmAddress varchar(100) gh2312_chinese_ci 是 NULL 。 太 个 改 加 到 阵 EP EA EE 
人 回 主 先世 # 碘 国 浏 览 史 人 牙 旧 则 和 fF 分 证 帮 国 蛤 - 司 素 引 


图 5-23 employee 数据 表 
5. 添加 数据 
添加 数据 表 后 ， 还 需要 添加 有 具体 的 数据 ， 操 作 步 又 如 下 。 


EEC 选择 employee 数据 表 ， 单 击 “ 插 入 ”标签 。 然 后 依照 字段 的 顺序 ， 将 对 应 的 数 
值 依次 输入 ， 最 后 单 击 “ 执 行 ”按钮 ， 即 可 插入 数据 ， 如 图 5-24 所 示 。 


5-24 ”插入 数据 


ED 按照 图 5-25 所 示 的 数据 ， 重 复 执 行 上 一 步 的 操作 ， 将 数据 输入 到 数据 表 中 。 


cmlD cmName cmSex cmBirthday cmEmail cmPhone cmAddress 
10001 王 颖 。 | 男 。 “1982-06-02 |pingguo@163.com ”|0992-1234567 | 长 鸣 路 12 号 
10002 王 小 敬 。 女 。 “1972-06-02 wangxiaomin@163.com 0992-1234560 西 华 街 19 号 
10003 | 张 华 。 男 。 “1970-06-02 |zhanghua@163.com ”0992-1234561 长安 路 20 号 
10004 王菲 。 女 1982.03-02 wangfei@163 com 0992-1234562 兴隆 街 11 号 
10005 杨康 ”| 男 |1978-06-02 |yangkang@163.com 。 | 0992-1234568 | 长安 街 20 号 
10006 冯 菲 茂 ” 女 “1982-03-20 fengfeifei@163 com “0992-1234512 长安 街 42 号 


5-25 ”输入 的 数据 


5.3 在 网 页 中 使 用 MySQL 数据 库 


一 个 互动 网 页 的 呈现 ， 实 际 上 就 是 将 数据 库 整 理 的 结果 显示 在 网 页 上 ， 所 以 ， 如 何在 网 
页 中 连接 到 数据 库 ， 并 读 出 数据 显示 ， 甚 至 选择 数据 来 更 改 ， 就 是 一 个 重点 。 


5.3.1 网 页 连接 数据 库 的 原理 


PHP 是 一 种 网 络 脚本 程序 语言 ， 它 并 不 是 MySQL 数据 库 的 一 部 分 ， 所 以 PHP 的 研发 单 

位 就 制作 了 一 套 与 MySQL 沟通 的 函数 。SQL(Stuctured Query Language， 结 构 化 查询 语言 ) 就 
是 这 些 函 数 与 MySQL 数据 库 连接 时 所 运用 的 方法 与 准则 。 

几乎 所 有 的 关系 数据 库 所 采用 的 都 是 SQL 语法 ， 同 样 ，MySQL 也 使 用 SQL 来 定义 数据 
库 结构 、 指 定数 据 库 表 格 与 字段 的 类 型 与 长 度 、 添 加 数据 、 修 改 数据 、 删 除数 据 、 查 询 数 
据 ， 以 及 建立 各 种 复杂 的 表格 关联 。 

所 以 ， 当 网 页 中 需要 取得 MySQL 的 数据 时 ， 它 可 以 应 用 PHP 中 MySQL 的 程序 函数 ， 
通过 SQL 语法 来 与 MySQL 数据 库 沟通 。 当 MySQL 数据 库 接收 到 PHP 程序 传递 过 来 的 SQL 
语法 后 ， 再 根据 指定 的 内 容 完成 所 叙述 的 工作 ， 然 后 返回 到 网 页 中 。PHP 与 MySQL 之 间 的 
运行 方式 如 图 5-26 所 示 。 


图 5-26 PHP 与 MySQL 之 间 的 运行 方式 


根据 这 个 原理 ，PHP 程序 开发 人 员 只 要 在 使 用 到 数据 库 时 遵循 下 列 步骤 ， 即 可 顺利 地 获 
得 数据 库 中 的 资源 。 

(1) 建立 连接 (Connection) 对 象 ， 来 设置 数据 来 源 。 

(2) 建立 记录 集 (Recordseb 对 象 ， 并 进行 相关 的 记录 操作 。 

(3) 关闭 数据 库 连接 ， 并 清除 所 有 对 象 。 
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5.3.2 ”建立 MySQL 数据 库 连接 
在 Dreamweaver CS6 中 ， 连 接 数据 库 十 分 简单 和 轻松 ， 下 面 将 通过 一 个 实例 ， 来 说 明 如 


何 使 用 Dreamweaver CS6 建立 数据 库 连 接 。 
EC) 打开 随 书 光盘 中 的 “素材 \ch05\showdata.asp ”文件 ， 页 面 的 静态 效果 如 图 5-27 


所 示 。 
ET 选择 “窗口 ”一 “数据 库 ”命令 ， 进 入 “数据 库 ” 面 板 。 单 击 “ 数 据 库 ” 面 板 
中 的 固 按钮 ， 弹 出 如 图 5-28 所 示 的 菜单 ， 选 择 “MySQL 连接 ”选项 。 


_ 科 麟 网 络 科技 有 限 公司 员工 信息 表 - : 
EEE ET rr 1 
2. 选择 一 种 文档 类 型 。 

3. 设置 站 点 的 测 过 服务 器 。 


4. 单 击 上 面 的 + 按钮 创建 连接 。 


图 5-27 页 面 的 静态 效果 5-28 连接 数据 库 
本 TE> 进入 “MySQL 连接 ”对 话 框 后 ， 填 入 自 定义 的 连接 名 称 “company”， 然 后 填 
入 MySQL 服务 器 的 用 户 名 和 密码 ， 最 后 单 击 “ 选 取 ” 按 钮 来 选取 连接 的 数据 库 ， 


如 图 5-29 所 示 。 
EEC 弹出 “选取 数据 库 ” 对 话 框 ， 选 择 company 数据 库 ， 然 后 单 击 “ 确 定 ”按钮 ， 


如 图 5-30 所 示 。 


连接 名 称 : company 
MySQL 服务 器 : localhost 
用户 名 : root 
轩 码 - 
数据 库 - 


图 5-30 “选取 数据 库 ”对 话 框 


图 5-29 “MySQL 连接 ”对 话 框 
EEJD 返回 到 原 界 面 后 ， 单 击 “ 测 试 ” 按 钮 ， 提 示 成 功 创建 连接 脚本 ， 单 击 “ 确 定 ” 


按钮 ， 如 图 5-31 所 示 。 
到 Dreamweaver CS6 后 ， 可 以 打开 “数据 库 ” 面 板 ，company 数据 库 的 
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employee 数据 表 在 连接 设置 后 ， 已 经 读 入 Dreamweaver CS6 了 ， 如 图 5-32 所 示 。 


5 权限 概念 的 实现 是 MySQL 数据 库 的 特色 之 一 。 在 设置 连接 时 ，Dreamweaver 
汇 。 ”CS6 不 时 地 会 提醒 为 数据 库 管理 员 加 上 密码 ， 目 的 是 让 权限 管理 加 上 最 后 一 道 锁 。 
MySQL 数据 库 默认 是 不 为 管理 员 账 户 加 密码 的 ， 所 以 必须 在 MySQL 数据 库 调 


整 后 再 回 到 Dreamweaver CS6 时 修改 设置 。 


全 2 


MySQL 连接 


连接 名 称 : conpary| ddress (varchar 100) 


cnBirthday (date 必需 的 ) 


localho| 
MySQL 服务 器 : 1oc: cmEnail (varchar 100) 


用户 名 : root 0 成 功 创建 连接 加 本 。 cnID (int 8 必需 的 ) 
要 到: | cnlNane (varchar 20 必需 的 ) 
数据 产 conpary| | enPhone 人 varchar 50) 
Sex (char 2 必需 的 ) 
一 
5-31 提示 “成 功 创建 连接 脚本 ” 5-32 “数据 库 ” 面 板 


5.3.3 绑 定 记录 集 


在 建立 连接 后 ， 必 须 建 立 记录 集 才 能 进行 相关 的 记录 操作 。 在 这 一 节 中 ， 将 学 习 如 何在 
建立 连接 之 后 添加 记录 集 。 
所 谓 记 录 集 ， 就 是 将 数据 库 中 的 数据 表 按 照 要 求 来 筛选 、 排 序 整理 出 来 的 数据 。 用 户 可 
以 在 “ 绑 定 ” 面 板 中 进行 操作 。 有 具体 操作 步骤 如 下 。 
EEC 切换 到 “ 绑 定 ”面板 ， 单 击 该 面板 的 轩 按 钮 ， 在 弹出 的 菜单 中 选择 “记录 集 ( 查 
询 )” 命 令 ， 如 图 5-33 所 示 。 
ED 弹出 “记录 集 ” 对 话 框 。 输 入 记录 集 名 称 ， 选 择 使 用 的 连接 为 company， 选 择 
使 用 的 数据 表 为 employee， 并 且 选 择 “ 全 部 ” 单 选 按钮 ， 显 示 全 部 字段 ， 如 图 5-34 
所 示 。 


名 称 : Recconpany| 
连接 : 
要 格 : 

列 


5-33 “记录 集 (查询 )” 命 令 5-34 “记录 集 ” 对 话 框 


EEISp 单 击 “测试 ”按钮 来 测试 连接 结果 ， 出 现 “ 测 试 SQL 指令 ”对 话 框 ， 如 图 5-35 
所 示 ， 上 面 显示 了 数据 库 中 的 所 有 数据 。 单 击 “ 确 定 ” 按 钮 回 到 先前 的 对 话 框 。 最 
后 单 击 “确定 ”按钮 结束 设置 ， 回 到 “ 绑 定 ”面板 。 


外 
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测试 SQL 指令 区 本 
记录 emID emName cmSex cmBirthday cnEmail cmPhone cmhddress 
下 10001 322 ? 1982-06-02 pingeuo. 0992-12. ?79127 
3 10002 33? ? 1972-06-02 wangxia 0992-12. 333193? 
3 10003 7 ? 1970-06-02 zhanghu 0992-12. ?77207? 
4 10004 7 ? 1982-03-02 wangfei 0992-12. 333113 
5 10005 7 ? 1978-06-02 yangkan 0992-12. ?997207 
6 10006 7 ? 1962-03-20 fengfei 0992-12. ?7797427 


图 5-35 “测试 SQL 指令 ”对 话 框 
EC 单 击 “ 确 定 ” 按 钮 ， 返 回 “记录 集 ” 对 话 框 ， 再 次 单 击 “ 确 定 ”按钮 ， 即 可 完 
成 记录 集 的 绑 定 。 
区 于 BY 在 “ 绑 定 ” 面 板 上 出 现 上 面 设置 的 记录 集 名 称 Reccompany， 展 开 后 ， 将 需要 引 


| 二] 后 TEL 硬 - 电 上牌 只 到 四 避 二 交 5 


这 章 神 网络 笠 我 省 腿 公 千 商 工 入 利家 


aaaonpaay enlanst 但 tecengesy cns er} [bseeemp ny, omrshterj sangaay anlnsiL 人 aasoepaog ngheoel 


图 5-36 ” 拖 动 字段 到 网 页 中 
莉 了 BY 在 当前 设置 中 ， 若 是 预览 ， 只 会 读 出 数据 库 的 第 一 笔 数据 ， 我 们 需要 设置 重复 
区 域 ， 将 所 有 数据 一 一 读 出 。 要 选取 设置 重复 的 区 域 ， 在 “服务 器 行为 ”选项 卡 中 
单 击 “+” 按 钮 ， 在 弹出 的 快捷 菜单 中 选择 “重复 区 域 ”命令 ， 如 图 5-37 所 示 。 


rzovdtphp xi 二 一 = 一 = 一 一 一 = 


compar tt y « ee 
i 加 选择 “服务 ee 
1 @ 将 光标 放 在 任意 字段 中 ， 单 击 标签 快速 编辑 上 器 行为 ”面板 “sss ~--- 人 -一 -一 | 


文人 交 si 
1 PE 文件 20lst725 | 
1 PE 文件 20lsftl/25 4| 
1 PHE 文件 20lsftlfas 4| 


3 I - 语 面 轩 | w: 35K/1 窜 交趾 六 22 


图 5-37 设置 重复 区 域 


adr Crim 
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EEo 在 弹出 的 “重复 区 域 ”对 话 框 中 ， 设 置 “ 显 示 ” 为 “所 有 记录 ”来 显示 所 有 数 
据 ， 单 击 “ 确 定 ”按钮 ， 如 图 5-38 所 示 。 


重复 区 域 
EU 
显示 [10 | 记录 本 
G 所 有 记录 


图 5-38 “重复 区 域 ” 对 话 框 
了 TB 设置 完毕 后 ， 在 表格 上 方 ， 可 以 看 到 “重复 ”灰色 标签 ， 如 图 5-39 所 示 。 
-和 料 创 网 络 科技 有 限 公司 员工 信 & 


册 满 炎 1]DSAW 酒 窒 灿 导 习 寺 过 X 半 一 几 9 由 


IGG 


{Recconpany, cnID} {Recconpany. cnane} {Recconpany. caSex]} {Recconpany. cnBirthdsy] cconpany. cnEmail) {Recconpany enPhone} {Re 


图 5-39 添加 “重复 ”标签 


EEIDD 选择 “文件 ”一 “保存 ”命令 ， 来 保存 该 网 页 ， 然 后 按 F12 键 即 可 预览 效果 ， 
如 图 5-40 所 示 。 


科 创 网 络 科技 有 限 公司 员工 信息 表 
[ss | sk | Hu | xs | exwr | as | wet | 
i | EE 
到 有 | Ee 
区 ?| me | roa | cei 二 


图 5-40 ”网 页 预览 效果 
EC 细心 的 读者 会 发 现 ， 这 里 所 有 牵涉 到 中 文字 符 的 显示 都 为 ?号 ， 这 是 由 于 编码 不 
同 造成 的 ， 下 面 设置 数据 库 连接 文件 的 编码 为 简体 中 文 。 在 “文件 ”面板 的 
connections 文件 夹 下 打开 数据 库 连 接 文件 companyphp， 切 换 到 “代码 ”视图 ， 添 加 
以 下 代码 : 
mysql query("set character set 'gb2312'"); 


mysql query("set names "gb2312"")7 


添加 效果 如 图 5-41 所 示 。 
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trigger error (mysql error(),E USER EI 
mysql_query("set character aeE "gb2312 
mysql_query ("set names ‘gb2312'"); 本 
?> 


;和 它 达 寺中 中 壮 癌 


5-41 添加 了 代码 


EED 选择 “文件 ”一 “保存 ”菜单 命令 保存 该 网 页 ， 按 F12 键 ， 即 可 预览 修改 后 的 
效果 ， 如 图 5-42 所 示 。 


科 创 网 络 科技 有 限 公司 员工 信息 表 
EE 
10001 王 掺 下 1982-06-02 pingeuod163. com 0992-1234567 长 0 路 12 号 
10002 王 小 茹 女 1972-06-02 vangrisoningle3, com 0992-1234560 西 华 衔 19 号 
10003 张 华 男 1970-06-02 zhanghuag163 com C0992-1234561 长 安 路 20 号 
10004 王 苞 1982-03-02 wangfeiQ163. com 0992-1234562 兴隆 街 11 号 
10005 杨康 男 1978-06-02 。 yuatkundal63 co 0992-1234568 长安 竺 20 号 
10008 汉 菲 着 女 1982-03-20 fengfei feig@l63. cm 0992-1234512 长 安 街 42 号 


图 5-42 修改 后 的 效果 


5.4 加 密 MySQL 数据 库 


本 节 来 介绍 MySQL 数据 库 的 高 级 应 用 ， 主 要 包括 MySQL 数据 库 的 安全 、MySQL 数据 
库 的 加 密 等 内 容 。 


5.4.1 ”MySQL 数据 库 的 安全 问题 


MySQL 数据 库 是 存在 于 网 络 上 的 数据 库 系统 ， 只 要 是 网 络 用 户 ， 都 可 以 连接 到 这 个 资 
源 ， 如 果 没 有 采用 权限 或 其 他 措施 限制 ， 任 何人 都 可 以 对 MySQL 数据 库 进 行 存 取 。MySQL 
数据 库 在 安装 完毕 后 ， 默 认 是 完全 不 设防 的 ， 也 就 是 说 ， 任 何人 都 可 以 不 使 用 密码 就 连接 到 
MySQL 数据 库 ， 这 是 一 个 相当 危险 的 安全 漏洞 。 


1. phpMyAdmin 管理 程序 的 安全 考虑 


phpMyAdmin 是 一 套 网 页 界面 的 MySQL 管理 程序 ， 许 多 PHP 程序 设计 师 都 会 将 这 套 工 
具 直 接 上 传 到 他 的 PHP 网 站 文件 夹 里， 管理 员 只 能 从 远 端 通过 浏览 器 登录 phpMyAdmin， 来 
管理 数据 库 。 
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这 个 方便 的 管理 工具 是 否 也 是 方便 的 入 侵 工 具 呢 ? 没 错 ， 只 要 是 对 phpMyAdmin 管理 较 
为 熟悉 的 人 ， 看 到 该 网 站 是 使 用 PHP + MySQL 的 互动 架构 ， 都 会 去 测试 该 网 站 的 
phpMyAdmin 的 文件 夹 是 否 安装 了 phpMyAdmin 管理 程序 ， 若 由 于 网 站 管理 员 一 时 疏忽 ， 就 
很 容易 让 人 猜 中 ， 进 入 该 网 站 的 数据 库 。 

2.， 防 堵 安 全 漏洞 的 建议 

无 论 是 MySQL 数据 库 本 身 的 权限 设置 ， 还 是 phppMyAdmin 管理 程序 的 安全 漏洞 ， 为 了 
避免 他 人 通过 网 络 入 侵 数据 库 ， 必 须 先 做 以 下 几 件 事 。 

(1) 修改 phpMyAdmin 管理 程序 的 文件 夹 名 称 。 这 个 做 法 虽然 简单 ， 但 至 少 已 经 挡 掉 一 
大 半 非 法 入 侵 者 了 。 最 好 是 修改 成 不 容易 猜 到 ， 与 MySQL、phpMyAdmin 等 关键 字 无 关 的 文 
件 夹 名 称 。 

(2) 为 MySQL 数据 库 的 管理 账号 加 上 密码 。 我 们 一 再 提 到 MySQL 数据 库 的 管理 账号 
root 默认 是 不 设 任何 密码 的 ， 这 就 好 像 装 了 安全 系统 ， 却 没 打开 电源 开关 一 样 ， 所 以 ， 蔡 root 
加 上 密码 是 相当 重要 的 。 

(3) 养 成 备份 MySQL 数据 库 的 习惯 。 这 样 ， 一 旦 所 有 安全 措施 都 失效 了 ， 若 平常 就 有 
备份 的 习惯 ， 则 即使 数据 被 删除 了 ， 也 能 很 轻松 地 恢复 。 


5.4.2 为 MySQL 管理 员 账 号 加 上 密码 


在 MySQL 数据 库 中 的 管理 员 账 号 为 root， 为 了 保护 数据 库 账号 的 安全 ， 我 们 可 以 为 管理 
员 账 号 加 密 。 

具体 的 操作 步骤 如 下 。 

TIP 进入 phpMyAdmin 的 管理 主 界面 。 单 击 “ 权 限 ”标签 ， 如 图 5-43 所 示 ， 来 设置 
管理 员 账号 的 权限 。 

EEDR29 这 里 有 两 个 root 账号 ， 分 别 为 由 本 机 (localhosb 进 入 和 所 有 主机 (::1D) 进 入 的 管理 
账号 ， 默 认 没 有 密码 ， 如 图 5-44 所 示 。 首 先 修改 所 有 主机 的 密码 ， 单 击 “ 编 辑 权 
限 ” 链 接 ， 进 入 下 一 页 。 


册 清 内 1DSAW 沽 户 灯 导 习 寺 地 X 装 贡 9 小 


IGG 


3 So 和 天 本 析 昌 加 SU 瑟 SA 风 扣 人 和 内 Y 员 多 


局 用户 可 以 访 癌 company” 


用 户主 机。 雪 并 各 阴 因 权 各 作 
oct 1270014 全 局 LL PaivzLzars 号 。 是 罗 间 从 限 
aol 1。 全局 ar PETYrLzgzs 是 已 绩 机 隐 
oa locahost 于 局 XLL paTyrtzszs 旺 。 熙 多 各 机 限 


目 wmployee 司 刊 览 折 基 税 全 撞 索 基 沁 和合 序 2 生出 奈 。-e mno08 bn1_smedih ci 


1 总 雪 。 总计 6 InnoDB latint_swedish_ci 3 
J 
个 _ 回 全 进 。 [对 中 大 男 总 二 入 
5-43 单 击 “ 权 限 ”标签 5-44 ”有 两 个 root 账号 


国 于 BY 在 出 现 的 界面 中 ， 需 要 为 “密码 ”文本 框 输入 所 要 使 用 的 密码 ， 如 图 5-45 所 
示 。 单 击 “ 执 行 ”按钮 ， 即 可 添加 密码 。 


12@ 


Dreamweaver+PHP+MySQL 动 态 网 站 开发 
案例 课堂 由 一 


| 修改 如 | 


局 无 密码 
回 宇 码 : | | 重新 仿 入 : | 


密码 加 密 方 式 : 加 MySQL 41+ 
加 MrsaQL 40 莱 窜 


生成 害 码 () | 


5-45 ”添加 密码 


提示 在 修改 完毕 之 后 ， 可 以 重新 登录 管理 界面 ， 就 可 以 正常 使 用 MySQL 数据 库 的 资 
源 了 。 修 改过 数据 库 密码 后 ， 需 要 同时 修改 网 站 的 数据 库 连 接 设置 ， 详 细 步 骤 参 考 前 
面 章节 中 介绍 的 内 容 ， 即 设置 root 密码 为 相应 的 密码 即 可 。 


5.5 数据库 的 备份 与 还 原 


为 MySQL 数据 库 备份 数据 ， 是 一 件 十 分 轻松 简单 的 事情 。 在 本 节 中 ， 将 说 明 如 何 备份 
MySQL 的 数据 表 ， 以 及 数据 表 的 删除 与 插入 操作 。 


1. 数据 库 的 备份 


用 户 可 以 使 用 phpMyAdmin 管理 程序 将 数据 库 中 的 所 有 数据 表 导 出 成 一 个 单独 的 文本 文 
件 。 当 数据 库 受 到 损坏 或 是 要 在 新 的 MySQL 数据 库 中 加 入 这 些 数 据 时 ， 只 要 将 这 个 文本 文 
件 插入 即 可 。 

以 本 章 所 使 用 的 文件 为 例 ， 先 进入 phpMyAdmin 管理 界面 ， 然 后 就 可 以 备份 数据 库 了 ， 
具体 的 操作 步骤 如 下 。 

EI 选择 需要 导出 的 数据 库 ， 单 击 “ 导 出 ”标签 ， 如 图 5-46 所 示 。 

EEDy 进入 下 一 页 后 ， 选 择 导出 方式 为 “快速 -显示 最 少 的 选项 ”， 单 击 “ 执 行 ” 按 

钮 ， 如 图 5-47 所 示 。 


忽 人 局 SQL 入 区 和 加 局 SL 局 SA 让 用 fF 权限 


正在 导出 数据 库 “company" 中 的 数据 表 


0x 


方式 
轩 避 症 -显示 最 小 gj 计 斋 
章 自主 义 - 亚 示 所 有 可 用 的 过 二 
牛 式 : 
30L 国 
Ca 
5-46 ”选择 数据 库 来 导出 图 5-47 选择 导出 方式 
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EERB9 弹出 “另存 为 ”对 话 框 ， 在 其 中 输入 保存 文件 的 名 称 ， 设 置 保存 的 类 型 及 位 
置 ， 如 图 5-48 所 示 。 

MySQL 的 备份 文件 是 扩展 名 为 *.sql 的 文本 文件 ， 这 样 的 备份 操作 不 仅 简单 ， 文 
件 内 容 也 较 小 。 


5 


大 < 本 地 到 和 Dj ， 用 记 目 有 ，T 过 -| 分 || 人 A 
| am -sxf 关 有 © 


本 修改 日 期 关 型 


再 沸 洪 1DSAW 酒 户 灿 届 习 


:SQL Csq) 
Be 


图 5-48 “另存 为 ”对 话 框 
2. 数据 库 的 还 原 
还 原 数据 库 文件 的 操作 步骤 如 下 。 
EEDp 在 执行 数据 库 的 还 原 前 ， 必 须 将 原来 的 数据 表 删 除 。 单 击 employees 数据 表 右 侧 


的 “删除 ”链接 ， 如 图 5-49 所 示 。 
Ca 单 击 “ 确 定 ”按钮 ， 如 图 5-50 所 示 。 


隐 结 构 名 SQL 公 搜索 本 坦 询 加 SS 加 SA 7 
表 < 报 作 行 数 [mm 
| ee ey - Te 您 将 要 完全 兽 除 一 个 表 ! 您 真 的 要 执行 "DROP 
- A ’ TABLE employee" 吗 ? 


1 张 表 总 计 6 


tt I [3 | 一 


企 _ 回 全 选 。。 | 选中 项 : 巴 


4 


图 5-49 选中 数据 表 来 删除 图 5-50 询问 对 话 框 
EGGUB)9 回 到 原 界面 ， 会 发 觉 该 数据 表 已 经 被 删除 了 ， 如 图 5-51 所 示 。 


EDUDD 接着 要 插入 刚才 备份 的 company sql 文件 ， 将 该 数据 表 还 原 。 单 击 “ 导 入 ” 标 
签 ， 打 开 要 导入 的 文件 界面 ， 如 图 5-52 所 示 。 
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pp 导入 到 数据 库 “company” 
喇 服 务 器 : mysql wampserver » 图 数据 库 : company 
纺 结 构 名 SQL 对 搜索 回 查 询 区 SL 时 导入 要 号 入 的 文件 : 
表 ~ 最 作 行 数 已 类 型 ”排序 规则 大 小 多余 ers i ee 人 人 
0 张 表 总 计 0 InnoDB latin1_swedish_ci 0 字 节 0 字 节 Au 上 AR， 28 MB) 
个 回 全 选 | 选中 项 : 到 | 文件 的 字符 集 ， | tf3 国 
图 5-51 删除 了 数据 表 5-52 “要 导入 的 文件 ”界面 


ED 单 击 界 面 中 的 “浏览 ”按钮 ， 弹 出 “选择 要 加 载 的 文件 ”对 话 框 ， 选 择 前 面 保 
存 的 文本 文件 company.sql， 单 击 “ 打 开 ” 按 钮 ， 如 图 5-53 所 示 。 

ED 单 击 “执行 ”按钮 ， 系 统 即 会 读 取 company.sql 文件 中 所 记录 的 指令 和 数据 ， 将 
数据 表 恢 复 ， 如 图 5-54 所 示 。 


导入 到 数据 库 “company" 
和 EN 
| OO re 9 ze he rn 
| nn >A ™ 上 Lo 
rr aN [us 
| E270 


EE 网 计 人 新 时 全 本 人 大 
EME) 


要 一个 开 相 这 的 名 本 区 《SQL 用 贡 闪 和 ( 拓 仙 二 ， 


so naar: [WONE 加 | 
i arTo_cactn 


图 5-53 “选择 要 加 载 的 文件 ”对 话 框 图 5-54 执行 导入 操作 
执行 完毕 后 ，company 数据 库 中 又 出 现 了 数据 表 employee， 如 图 5-55 所 示 。 


产妇 掀 回 SQL 及 括 案 同 直 外 刀 St 加 SA 必 拓 作 o 术 朋克 各 应 1 
am 六 和 有 数 到 类 型 。 排序 规则 大 小 


回 employee 国 浏 览 泊 半 构 仿 搜索 拓 括 入 项 青 主 四 出 除 ~ InnoDB Iatnl_swedish_cl 16 KS 
InnoDB latint_swedish ci 16 wn 


人 回 全 造 选中 项 : 回 
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5.6 高 手 甜 点 


甜点 1: 预览 网 页 时 ， 提 示 如 图 5-56 所 示 的 警告 信息 ， 如 何 解决 ? 


EO pomhornricd om 


5-56 ”警告 信息 


出 现 上 面 警告 信息 ， 主 要 是 因为 从 MySQL 5.5 开始 ， 提 示 用 户 mysql_connect 这 个 模块 
将 在 未 来 弃 用 ， 要 使 用 mysqli 或 者 PDO 来 蔡 代 。 用 户 可 以 在 使 用 以 下 几 个 方法 之 一 来 解决 。 

(1) 禁止 PHP 报错 

在 PHP 的 设置 文件 php.ini， 中 将 报错 取消 ， 在 该 文件 中 找到 display_errors = On， 修 改 为 
display_errors = Off。 修 改 后 ， 需 要 重新 启动 服务 器 才能 生效 。 

(2) 修改 连接 语句 

将 类 似 于 下 面 的 连接 语句 : 


$1link = mysql_ connect('localhost', 'user', 'password'); 
mysql select db('dbname', $link); 


修改 为 : 

$link = mysqli connect('localhost', 'user', 'password', 'dbname')7 
(3) 设置 报警 级 别 

在 PHP 程序 中 添加 如 下 代码 ， 从 而 设置 报警 级 别 : 


<?php 
error reporting(E ALL ^ E DEPRECATED); 


刑 沸 潍 OSAW 尖 集 小 红 避 只 寺内 志 9 尖 时 


A 


甜点 2: 如 何 导 出 指定 的 数据 表 ? 


如 果 用 户 想 导出 指定 的 数据 表 ， 在 选择 导出 方式 时 ， 可 选择 “ 自 定义 - 显示 所 有 可 用 的 
选项 ”， 然 后 在 “数据 表 ” 列 表 中 选择 需要 导出 的 数据 表 即 可 ， 如 图 5-57 所 示 。 
导出 方式 : 


局 快速 -显示 最 少 的 选 而 
滞 | 自 定义 - 显示 所 有 可 用 的 过 项 


全 选 /全 不 选 
mooee | 
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理 系统 是 动态 网 站 建设 中 最 常见 的 系统 ， 几 乎 每 一 个 网 站 都 有 信息 


信息 资讯 管理 系统 的 作用 ， 就 是 在 网 上 发 布 信息 ， 通 过 对 信息 的 不 断 更 新 ， 让 
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Dreamweaver+PHP+MySQL 动 态 网 站 开发 
案例 课堂 b> 


6.1 系统 的 功能 分 析 


在 开发 动态 网 站 之 前 ， 需 要 规划 系统 的 功能 和 各 个 页 面 之 间 的 关系 ， 绘 制 出 系统 脉络 
， 以 方便 后 面 整个 系统 的 开发 与 制作 。 


6.1.1 规划 网 页 结构 和 功能 


信息 资讯 管理 系统 中 涉及 的 主要 操作 就 是 访问 者 的 信息 查询 功能 和 系统 管理 员 对 信息 内 
容 的 新 增 、 修 改 及 删除 功能 ， 本 章 将 要 制作 的 信息 资讯 管理 系统 的 网 页 结构 如 图 6-1 所 示 。 


信息 资讯 管理 系统 


| 


访问 者 页 面 


admin login.php 


type_add.php type_upd.php type_del.php information_add.php 
information_del.php 


information_upd.php 


图 6-1 信息 资讯 管理 系统 的 结构 


网 站 的 信息 资讯 管理 系统 ， 在 技术 上 主要 体现 为 如 何 显示 信息 内 容 ， 用 模糊 关键 字 进 行 
信息 查询 ， 以 及 对 信息 及 信息 分 类 的 修改 和 删除 。 

一 个 完整 信息 资讯 管理 系统 共 分 为 两 大 部 分 ， 一 个 是 访问 者 访问 信息 的 动态 网 页 部 分 ， 
另 一 个 是 管理 者 对 信息 进行 编辑 的 动态 网 页 部 分 。 

本 系统 页 面 共有 11 个 ， 整 体系 统 页 面 的 功能 和 文件 名 称 如 表 6.1 所 示 。 


全 1 


表 6.1 信息 资讯 管理 系统 页 面 的 功能 和 文件 名 称 
需要 制作 的 主要 页 面 页 面 名 称 功 能 
网 站 首页 index.php 显示 信息 分 类 和 最 新 信息 页 面 
信息 分 类 页 面 type php 显示 信息 分 类 中 的 信息 标题 页 面 
信息 内 容 页 面 contentphp 显示 信息 内 容 页 面 
后 台 管 理 入 口 页 面 admin login.php 管理 者 登录 入 口 页 面 
后 台 管理 主页 面 i 对 信息 进行 管理 的 主要 页 面 
新 增 信 息 页 面 information_add.php 增加 信息 的 页 面 
修改 信息 页 面 information_upd.php 修改 信息 的 页 面 
删除 信息 页 面 information_del.php 删除 信息 的 页 面 
新 增 信息 分 类 页 面 type_add.php 增加 信息 分 类 的 页 面 
修改 信息 分 类 页 面 type_upd.php 修改 信息 分 类 的 页 面 
删除 信息 分 类 页 面 type_del.php 删除 信息 分 类 的 页 面 
6.1.2 ”页面 设计 规划 


在 本 地 站 点 中 建立 站 点 文件 夹 news， 将 要 建立 和 制作 的 信息 资讯 系统 的 文件 和 文件 夹 如 


图 6-2 所 示 。 


sl 
OO- < 本 地 磋 盘 (C] 》wamp 》 www 》 news ， =[ 妇 | 2 p 
文件 (有 纺 缠 (E) 查看 (V) 工具 (1 大助 0H) 
组 只” ” 国 打 开 ” 诸 录 新 洁 文件 交 开 > DD @ 
Y 收 证 失 四 Le | Loe | be | ma be | be | ma Le 
如 下载 9! < < < <)> <)> <)> <]> 《> 
到 点 中 flash images ladrminphp| adminjog contentph indexphp informatio informatio informatio type.php 
最 i 沪 问 的 位 置 = inphp naddphp ndelphp nupd.php 
Lm ra Lo | 
条 < < < 
国 Apps type-add. typedelp typeupd. 
php hp php 
[> Ee 
司 田 片 
文档 
动 音乐 
EE admin.php 全 改 日 喇 2015/11/26 13:19 创建 日 其 ; 2015/11/26 13:19 
《J》 PHP 文 件 大 小 371 KB 


6-2 ”规划 站 点 文件 和 文件 夹 


6.1.3 网 页 美工 设计 


信息 资讯 管理 系统 主要 起 到 了 对 行业 信息 进行 宣传 的 作用 ， 在 色调 上 可 以 选择 简单 的 蓝 


色 作 为 主 色调 ， 信 息 系 统 首页 index.php 的 效果 如 


图 


6-3 所 示 。 


a 


况 沙 肝 不 当 嵌 名 本 由 书 贡 9 小 上 


GG 
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((9 健康 养生 


www jkjan com 


全 秋天 气 京 ,牢记 养生 歌 


下 一 个 最 后 -页 


图 6-3 ”信息 系统 首页 index.php 的 效果 


6.2 ”数据库 的 设计 与 连接 


本 节 主 要 讲述 如 何 用 phpMyAdmin 建立 信息 管理 系统 的 数据 库 ， 如 何 用 Dreamweaver 在 


数据 库 与 网 站 之 间 建 立 动态 连接 。 
6.2.1 数据 库 的 设计 


信息 资讯 管理 系统 需要 一 个 用 来 存储 信息 标题 和 信息 内 容 的 信息 表 information， 还 要 建 


养生 分 类 最 新 养生 资讯 Information 
a 站 帮 和 各， 从 关 IE5 关 三 他 休 
饮食 关 生 
i 伐 上 给 呈 比 早上 寺 果 好 ? 刀锋 后 :3 开始 
; 4 这 局 ? 顺和 4 扩 有 五 个 训 | 
健康 接 索 全 辟 昌 ?唱和 林 有 五 人 误区 
要 上 二 计 放 方 障 大生 扩 
名 康吉 [可] 
二 丙 过 演 训 到 
庆生 站 站 油 85 后 闪 


训 条 必要 放水 四 中 收 ， 哪 种 更 利于 光荣 ? 


砍 竺 至 时 区 守护 么 办 ? 三 种 次 助人 全 上 村 


秋分 过 后 早 晓 昌 莽 加 大 医生 提 阳 十 外 治 芭 家 从 由 


2015/3/14 15:48:32 


/3/14 15:45:08 


2015/3/14 18:47:50 


2015/3/14 18:47:39 


2015/3/14 18:47:30 


O15/3/14 15:47:14 


2015/3/14 18:47:05 


ols131 


记录 1 到 10 向 共 1 


健康 说 
图 库 美女 两 性 养生 


热 文 排行 


9 的 寺 理 名 性 心理 全 
= 


四 3 人 es 大庆 雪 

国 中 具 人 天 要 广 间 的 性 闻 允 问 
史上 最 全 的 口交 窑 失 大 据 秘 

加 少 知 : 约 294 短 交 必 扩 甩 女 人 在 想 


立 一 个 信息 分 类 表 information_type 和 一 个 管理 员 账号 信息 表 admin。 


信息 数据 表 information、 信 息 分 类 表 information_type 和 管理 信息 表 admin 的 字段 分 别 采 


用 如 表 6.2 ~ 6.4 所 示 的 结构 。 


表 6.2 信息 数据 表 information 


贡 | 徊 | 需 
1 


贡 | 哎 


全 i 


蕊 


表 6.3 信息 分 类 数据 表 information_type 


字段 描述 数据 类 型 非 空 | 唯一 自 增 
信息 分 类 编号 | type id INT(8) 是 | 否 | 是 | 是 是 
信息 分 类 名 称 | type name | VARCHAR(50) | 否 否 


字段 描述 
用 户 名 
密码 
创建 数据 库 的 步骤 如 下 。 

启动 pbppMyAdmin， 在 主 界面 的 左 侧 列表 中 单 击 New 选项 ， 如 图 6-4 所 示 。 


字段 名 


| username 


数据 类 型 
VARCHAR(20) 


password 


EE 
Bp-cx) 
工具 (T) 起 耽 (H) 
phpMyAdmin  [-IEEEREET A 
aABoOne 丙 扩 加 SQL 骗术 二 避风 P 国电 re 
LETri 和 
mh | 


infemmaton_scnema 
maql 
perrmanco_schema 
tom 


如 六 务 关注 楼 折 二 答 
lomo goneral ol 


图 6-4 phpMyAdmin 的 工作 界面 
EGRDy 在 文本 框 中 输入 要 创建 数据 库 的 名 称 news， 然 后 单 各 


“创建 ”按钮 ， 如 图 6-5 


Er 


所 示 。 


图 吕 服 务 器 mysql wampserver 
教 据 库 辐 SQL 已 状态 中 用 户 园 员 辐 SA 少 刘 


数据 库 


局 新 建 数 据 库 大 
news 排序 规则 避 “他 奸 
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| hapVhocalhcstchprmyadmiyspMAURL3db sucaurephpidb=ncwsatcble=Sscrer=1 -CX 


这 [ocalhos / myeal wampr x 上 


文件 四 贰 吕 (EF)】 豆 吾 (V) 收 意 二 内 工具] 每 SDH) 
phpMyAdmin 


全 二 本 


( 晴 近 车 用 的 表 ) 


BNew 


3 compeny 
-3 information_schema 


myeq 
mews 


3 porformance_schema 


dtest 


§ 
国 


图 6-6 新 建 数据 表 information 


EB> 接着 就 要 回 到 phpMyAdmin 的 管理 界面 ， 为 MySQL 中 的 news 数据 库 添加 数据 
表 。 在 左 侧 列表 中 选择 创建 的 news 数据 库 ， 然 后 在 右 侧 的 页 面 中 输入 添加 的 数据 表 
名 称 和 字段 数 ， 然 后 单 击 “ 执 行 ”按钮 ， 如 图 6-6 所 示 。 


按照 表 6.2 的 内 容 设 置 数据 表 ， 添 加 的 数据 表 字段 如 图 6-7 所 示 。 


EERD) 在 设置 完毕 后 ， 单 击 “保存 ”按钮 ， 即 可 查看 information 数据 表 了 ， 如 图 6-8 


所 示 。 


TITTTTTTT 
加 给 Yi 辕 构 同 SQL 福 拓 二 防 必 入 局 SU 局 导入 本 权限 小 损 作 总 前 发 入 
结构 电 

EE a 长 面值 好 Eve 排序 规则 性 和 
[we ] 匠 图 fs 无 国 [ge2312_chinese 国 | [weoe 加 | 图 
[mae |wacwn 加 ls Ml 国 | | qt232 onese 回 | 加 | 
[poe ] [号 国 8 无 国 9b2312_chnese 四 | | 画 | 四 
En 本 DE saaseeEli 一 一 可 
[rm ] [se 加 [ za [wg [一 一 加 日 
[mamoe | | VARCHAR i | 天 国 | | stz3t2_ chnese 回 | | 男 | 加 

区 


图 6-7 添加 的 数据 表 字 段 


局 SQL 邯 搜 索 匡 揪 A 加 导出 司 导入 


属性 。 空 默认 格外 操作 


排序 规则 

1 inf_id int(8) NseNeD 否 无 
2 inftite varchar(50) gb2312_chinese_ci 否 无 
3 ypeid int(8) 否 无 
4 inf_content text gb2312_chinese_ci E 潜 3 
5 inf time datetime 否 天 
6 inf_author varchar(20) gb2312_chinese_ci 否 天 

6-8 information 数据 表 


机 个 次 自 刚 除 六 
困 倍 疏 旧 刚 除 性 
坟 修 疏 刚 除 多 
必 信 小 图 出 除 房 
太 作 区 目 量 守 卢 
信人 改 自 交际 为 


ED 选择 infomation 数据 表 ， 单 击 项 部 的 “插入 ”标签 。 依 照 字 段 的 顺序 ， 将 对 应 
的 数值 依次 输入 ， 单 击 “执行 ”按钮 ， 即 可 插入 数据 ， 如 图 6-9 所 示 。 


ms 


[zo15-11.0400.00:00 | [zo15-11.0400.00:00 | ‘00:00 


图 6-9 插入 数据 
EE 按照 图 6-10 所 示 的 数据 ， 重 复 执行 上 一 步 的 操作 ， 将 数据 输入 到 数据 表 中 。 


py HG 


23 


ET ae 
i aoconooal 
Rm mt pet 
ET aceooma he 


26 


28 


图 6-10 information 表 中 的 输入 记录 


本 TB> 用 上 述 方法 ， 参 照 表 63 和 6.4， 创 建 一 个 名 称 为 infomation type 和 名 称 为 
admin 的 数据 表 。 输 入 字段 名 称 并 设置 其 属性 ， 最 终 效果 如 图 6-11 和 6-12 所 示 。 


a sa MU 
让 人 
ry a 林芝 目 1 usemame varchar(20) gb2312_ chinese cd 否 无 
2 9penane wda60 gbat2.cinese dE | ?poseword ee godtoena 机 二 
图 6-11 information_type 的 表 结构 6-12 admin 的 表 结 构 


ED 为 了 演示 效果 ， 这 里 分 别 对 information type 数据 表 和 admin 数据 表 添 加 记录 ， 
如 图 6-13 和 6-14 所 示 。 


* aa 
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案例 课堂 %>~ 


人 


2 | 养生 之 道 
3 饮食 养生 username password 
4 | 运动 养生 admin | admin | 
图 6-13 information_type 表 中 输入 的 记录 图 6-14 _ admin 表 中 输入 的 记录 


6.2.2 创建 数据 库 连 接 


数据 库 编 辑 完成 后 ， 必 须 在 Dreamweaver CS6 中 建立 数据 源 连接 对 象 。 这 样 做 的 目的 ， 
是 方便 在 动态 网 页 中 使 用 前 面 建立 的 信息 系统 数据 库 文件 和 动态 地 管理 信息 数据 。 具 体操 作 
步骤 如 下 。 

(ETI 根据 前 面 介绍 过 的 站 点 设置 方法 ， 设 置 好 “站 点 ”、“ 文 档 类 型 ”、“ 测 试 服 
务 器 ”。 打 开创 建 的 index.php 页 面 ， 选 择 “ 窗 口 ” 一 “数据 库 ” 菜 单 命令 ， 进 入 
“数据 库 ” 面 板 。 单 击 “ 数 据 库 ”面板 中 的 园 按 钮 ， 弹 出 如 图 6-15 所 示 的 菜单 ， 选 择 
“MySQL 连接 ”命令 。 

EEIDp 在 弹出 的 “MySQL 连接 ”对 话 框 中 ， 填 入 自 定 义 的 连接 名 称 “information”， 
填 入 MySQL 服务 器 的 用 户 名 和 密码 ， 单 击 “ 选 取 ” 按 钮 来 选取 连接 的 数据 库 ， 如 
图 6-16 所 示 。 


连接 名 称 : inf ormat iom 
MySQL 服务 茵 - localhost 
用 户 名 : root 
密码 : 
数据 库 


4 单 击 上 面 的 + 按 妞 创建 连接 。 


图 6-15 ”连接 数据 库 图 6-16 “MySQL 连接 ”对 话 框 
EC 打开 “选取 数据 库 ” 对 话 框 ， 选 择 news 数据 库 ， 单 击 “确定 ”按钮 ， 如 图 6-17 
所 示 。 


四 YY 返回 到 “MySQL 连接 ”对 话 框 后 ， 单 击 “ 确 定 ” 按 钮 。 回 到 Dreamweaver CS6 
后 ， 可 以 打开 “数据 库 ” 面 板 ，news 数据 库 的 数据 表 在 连接 设置 后 已 经 读 入 
Dreamweaver CS6 中 了 ， 如 图 6-18 所 示 。 

葬 于 BY 同时 ， 在 网 站 根 目录 下 将 会 自动 创建 名 为 Connections 的 文件 夹 ， 该 文件 夹 内 有 
一 个 名 为 information.php 的 文件 ， 打 开 这 个 文件 ， 切 换 到 “代码 ”视图 ， 添 加 以 下 
代码 : 


mysql query("set character set 'gb2312'"); 
mysql query("set names 'gb2312'"); 


添加 效果 如 图 6-19 所 示 。 


performance_schema 
test 


6-17 “选取 数据 库 ” 对 话 框 图 6-18 “数据 库 ”面板 


ection_php_mysql .hm 


rmation = "localhost™"; 
Sdatabase informarion = "newa"; 
Susername information = "root"; 
Spassword_information = ""; 
Sinformation = mysql_pconnect ($hostname_information, 
Susername_information, Spassword_ information) or 


图 6-19 添加 代码 


ED 在 Dreamweaver CS6 界面 中 选择 “文件 ”一 “保存 ”菜单 命令 ,保存 该 文档 ， 
完成 数据 库 的 连接 。 


6.3 系统 页 面 的 设计 


信息 资讯 管理 系统 前 台 部 分 主要 有 3 个 动态 页 面 ， 分 别 是 信息 主页 面 index.php、 信 息 分 
类 页 面 type.php 和 信息 内 容 页 面 newscontentphp。 
6.3.1 网 站 首页 的 设计 


在 本 小 节 中 ， 主 要 介绍 信息 资讯 管理 系统 主页 面 index.php 的 制作 ， 在 index.php 页 面 
中 ， 主 要 显示 最 新 信息 的 标题 、 显 示 信 息 的 加 入 时 间 、 显 示 信 息 分 类 ， 单 击 信息 中 的 分 类 进 
入 分 类 子 页 面 ， 可 以 查看 信息 子 类 中 的 信息 ， 可 以 点 击 信息 标题 进入 信息 详细 内 容 页 面 ， 对 
信息 的 主题 内 容 进 行 搜索 等 。 

1. 制作 信息 分 类 模块 


下 面 介 绍 首页 中 信息 分 类 模块 的 制作 ， 详 细 的 操作 步骤 如 下 。 
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一 一 案例 课 党 一 


EEC 打开 创建 的 index.php 页 面 ， 输 入 网 页 标题 “健康 养生 网 首页 ”， 如 图 6-20 所 
示 。 选 择 “ 文 件 ” 一 “保存 ”菜单 命令 ， 将 网 页 保存 。 
| 
information php 
EE ME 克 - 蕊 吧 居 区 局 本 和 ERER | 


6-20 ”添加 网 页 标题 


EEC 选择 “修改 ”一 “页 面 属 性 ”菜单 命令 ， 打 开 “ 页 面 属性 ”对 话 框 ， 单 击 “ 分 
类 ”列表 框 中 的 “外 观 (CSS)” 选 项 ， 字 体 大 小 设置 为 12px， 在 “上 边 距 ”文本 框 中 
输入 0px， 这 样 设置 的 目的 ， 是 为 了 让 页 面 的 第 一 个 表格 能 置顶 到 上 边 ， 如 图 6-21 
所 示 。 

ECDIS 单 击 “ 确 定 ” 按 钮 ， 进 入 “文档 ”窗口 ， 选 择 “ 插 入 ”一 “表格 ”菜单 命令 ， 
弹出 “表格 ”对 话 框 ， 在 “ 行 数 ”文本 框 中 输入 行 数 为 4; 在 “ 列 ” 文 本 框 中 输入 
列 数 为 2。 在 “表格 宽度 ”文本 框 中 输入 990 像素 ， 其 他 设置 如 图 6-22 所 示 。 


大 一 一 
局 性 4 玫 4 到 2 ] 
分 类 外 观 (css) 南 格 宽度 990 |[ 雯 素 | 
ps 页 面 字体 D)， 到 认 字 祭 Py 边 要 扩 红 0。 你 
SS :可 - | 
文本 而 名): 国 间 元 相间 下 :0 | 四 
有 0) | 
到 果 图 信 0) ETT EE 
重复 中) 四 两 省 
左边 距 中 民 右边 路 外: 区 
上 ib 距 D): 0 (m7) 下 边 距 o) E 
一 PT Es cx) 
图 6-21 “页 面 属 性 ”对 话 框 图 6-22 设置 插入 一 个 4 行 2 列 的 表格 


EEIzp 单 击 “确定 ”按钮 ， 在 “文档 ”窗口 中 ， 插 入 了 一 个 4 行 2 列 的 表格 。 单 击 选 
择 插入 的 整个 表格 ， 在 “属性 ”面板 的 “对 齐 ” 下 拉 列 表 框 中 选择 “居中 对 齐 ” 选 
项 ， 让 插入 的 表格 居中 对 齐 ， 如 图 6-23 所 示 。 


行 中 4 | 宽 D aa [多 素 <] 填充 FE) 0 
到 CC) 2 间距 G) 0 


EE 
5 


图 6-23 “属性 ”面板 


ED 将 光标 放置 在 第 1 行 第 1 列表 格 中 ， 选 择 “ 插 入 ”一 “图 像 ” 菜 单 命令 ， 打 开 
“选择 图 像 源 文件 ”对 话 框 ， 选 择 images 文件 下 的 logo.gif 图 像 ， 单 击 “ 确 定 ” 按 
钮 插入 图 片 ， 如 图 6-24 所 示 。 

EESRDy 将 光标 放置 在 第 1 行 第 2 列表 格 中 ， 选 择 “ 插 入 ”一 “图 像 ” 菜 单 命令 ， 弹 出 


“选择 图 像 源 文件 ”对 话 框 ， 选 择 images 文件 下 的 banner.gif 图 像 ， 单 击 “ 确 定 ” 
按钮 插入 图 片 ， 如 图 6-25 所 示 。 


图 6-24 插入 logo.gif 图 像 图 6-25 插入 banner.gif 图 像 
区 了 TD 将 光标 放置 在 第 2 行 表 格 中 ， 选 择 “ 插 入 ”一 “图 像 ” 菜 单 命令 ， 弹 出 “选择 
图 像 源 文件 ”对 话 框 ， 选 择 images 文件 下 的 1.gif 图 像 ， 单 击 “ 确 定 ” 按 钮 插入 图 
片 ， 这 样 就 完成 了 网 站 首页 头 部 的 设计 ， 如 图 6-26 所 示 。 


和 以 用 吧 F5 以 有 HERE 


DU 3 


更 


图 6-26 ”网 站 首页 头 部 的 设计 
葬 于 BY 将 光标 放置 在 第 3 行 表格 中 ， 选 择 “ 插 入 ”一 “表格 ”菜单 命令 ,插入 一 个 1 
行 3 列 的 表格 ， 在 第 3 行 第 1 列表 格 中 插入 一 个 leftjpg 图 像 做 背景 ， 效 果 如 图 6-27 
所 示 。 


健康 搜索 


6-27 在 第 3 行 第 1 列 插入 背景 图 


洲 洲 网 嘲 洁 注 如 本 由 六 “ 伸 9 小 


LA 2 
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案例 课堂 > 


EC) 将 光标 放置 在 第 3 行 第 3 列表 格 中 ， 在 第 3 行 第 3 列 中 插入 一 个 03.gif 图 像 作 
为 背景 ， 效 果 如 图 6-28 所 示 。 


使 唐 搜 索 


图 6-28 在 第 3 行 第 3 列 插入 图 片 


EC 将 光标 放置 在 第 4 行 表 格 中 。 选 择 “ 插 入 ”一 “图 像 ” 菜 单 命令 ， 弹 出 “选择 
图 像 源 文件 ”对 话 框 ， 然 后 在 对 话 框 中 选择 同 站 点 images 文件 夹 中 的 7.gif 图 片 ， 如 


图 6-29 所 示 。 
| 畴 生 分 类 ! | 靖 品 失 荐 Em | 
! 7 
7 Tk, Bk 
i 


| 健康 搜索 


0 


| 热 文 排行 EEERERTTT 


上 SEE 


回 郊 关 人 大 R 雪 ! 
: t+/ 和 men 


图 6-29 在 第 4 行 插入 图 片 


EC 将 光标 放置 在 第 3 行 第 1 列 的 表格 中 ， 选 择 “ 插 入 ”一 “表格 ”菜单 命令 ， 弹 
出 “表格 ”对 话 框 ， 在 “ 行 数 ”文本 框 中 输入 行 数 4， 在 “ 列 ” 文 本 框 中 输入 列 数 
1。 在 “表格 宽度 ”文本 框 中 ， 输 入 92%， 其 “边框 粗细 ”、“ 单 元 格 边 距 ”和 “ 间 
距 ”都 为 0， 如 图 6-30 所 示 。 

醒 于 BY 单 击 刚 创 建 的 左边 空白 单元 格 ， 然 后 单 击 “ 文 档 ” 窗 口上 的 七 多 按钮 ， 在 <td> 
和 </td> 之 间 加 入 valign=“top” 命 令 ， 表 示 让 鼠标 能 够 自动 放置 至 单元 格 的 最 上 方 ， 如 
图 6-31 所 示 。 

本 于 BY 接 下 来 ,用 “ 绑 定 ”面板 将 网 页 所 需要 的 数据 字段 绑 定 到 网 页 中 。index.php 这 
个 页 面 使 用 的 数据 表 是 information 和 information type， 单 击 “ 应 用 程序 ”面板 组 中 


第 
“ 绑 定 ”面板 上 的 国 按 钮 ， 在 弹出 的 菜单 中 选择 “记录 集 ( 查 询 )” 选 项 ， 在 弹出 的 入 
“记录 集 ” 对 话 框 中 ， 输 入 如 表 6.5 所 示 的 数据 ， 如 图 6-32 所 示 。 下 
表 6.5 “记录 集 ” 设 定 名 
局 
属 性 痢 
名 称 Recordsetl 管 
连接 information 
表格 统 


ECGZ)》 绑 定 记录 集 后 ， 将 记录 集中 信息 分 类 的 字段 type_name 插入 至 index.php 网 页 的 
适当 位 置 ， 如 图 6-33 所 示 。 


表格 大 小 


列国 全 部 日 进 定 的 
pei 


LE 
已 /table. 
主 table 
width="990” border= 
六 3 他 
台 6 
着 = 
人 “inages/left. jpe” 
‘table width="92%” 
现下 EE wo 
图 6-30 “表格 ”对 话 框 图 6-31 加 入 命令 
名 闻 : Recordset1 确定 
连接 [information 习 [ 医 Xa La 消 | 
Es a 
i 


全: 于) 
WL 参数 ] 
排序 : | 无 下 | 升序 : 
; 健 赚 搜索 
6-32 “记录 集 ” 对 话 框 6-33 ”插入 至 index.php 网 页 中 


EED) 由 于 要 在 indexphp 页 面 中 显示 数据 库 中 所 有 信息 分 类 的 标题 ， 而 目前 的 设 定 则 
只 会 显示 数据 库 的 第 一 笔 数据 ， 因 此 ， 需 要 加 入 “服务 器 行为 ”中 的 “重复 区 域 ” 
命令 ， 让 所 有 的 信息 分 类 全 部 显示 出 来 ， 选 择 {Recordsetl.type_name} 所 在 的 行 ， 如 
图 6-34 所 示 。 
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EED 单 击 “ 应 用 程序 ”面板 组 中 “服务 器 行为 ”面板 上 的 区 按 钮 ， 在 弹出 的 菜单 中 


选择 “重复 区 域 ” 命 令 ， 在 打开 的 “重复 区 域 ”对 话 框 中 ， 选 中 “所 有 记录 ” 单 选 
按钮 ， 如 图 6-35 所 示 。 


记录 条 [Recordsetl = 


显示 加 [0 ] 记 录 


和 加 已 有 记录 
{Recordsetl. type_name} 


图 6-34 选择 要 重复 显示 的 内 容 图 6-35 选择 一 次 可 以 显示 的 记录 数 

EC 单 击 “ 确 定 ” 按 钮 回 到 编辑 页 面 ， 会 发 现 
先前 所 选取 要 重复 的 区 域 左上 角 出 现 了 一 个 
“重复 ”灰色 标签 ， 这 表示 已 经 完成 设置 ， 如 
图 6-36 所 示 。 


2. 转 到 详细 页 面 的 访问 设置 


在 本 程序 的 设计 上 ， 和 希望 用 户 在 浏览 信息 标题 页 面 
后 ， 可 以 选择 有 兴趣 的 主题 来 阅读 详细 内 容 。 而 选择 主 
题 后 再 转 到 详细 页 面 ， 就 是 这 里 要 设置 的 。 图 6-36 ”添加 重复 区 域 的 效果 

若 读 者 曾 使 用 过 Dreamweaver CS6 开发 如 ASP 的 网 
页 程序 ， 会 发 现在 PHP 环境 中 “服务 器 行为 ”面板 似乎 少 了 一 个 功能 : “ 转 到 细节 页 面 ”。 
其 实 不 只 是 少 了 这 个 功能 ， 但 这 个 功能 的 使 用 频率 较 高 。 那 该 怎么 办 呢 ? 

这 里 要 使 用 由 www.felixone.it 制作 的 Mx682891 FX _PHPMissingTools.mxp 扩充 程序 ， 可 
以 在 该 作者 的 网 站 中 查找 并 下 载 和 安装 这 个 程序 。 本 书 光盘 中 也 提供 了 ， 如 图 6-37 所 示 。 


GO *" *%, 2"e- | 好 | a 127 empHAr 四 | 
文件 (有 坊 涡 (E) 吾 看 MI 工具 Mm 吉 助 (H) 
组 织 ” 旺 打 开 ”到 录 。 新 三 从 交 项 ~ 团 @ 
a : 加 
国 Ape heckorm 。 ED_PHPCE sDreamer sDreamer sDreamer 。 esDreamer  eDream 
国 视 二 mxp Suitmxp brhimlm .OpenWir. PHPiIUplo 。_PHPmail .pHpRegio 
辕 图 片 Pp mp dmxp mp mxp 
本 > 因 : 本: 可 2 了 
直言 和 从 
FX_PHPUs HLooper MX125164 MX680624 | MX6582891 | mxp.htm 
泗 计算 机 司 erAuthi51. MXpHP.m PDHtml. 。 _FX_PHP_U |_FX_PHPMi 
mp 知 Editormx serAuthent |ssingTools 
p mp mp 
守 几 
MX682891_FX_PHPMissingTools.mxp 舍 改 巨 苦 : 2003/3/26 22:52 创建 日 期 2015/11/26 17.55 
Adobe Edension packege Fie A 655 KB 


图 6-37 查看 光盘 中 的 扩展 插件 
双击 Mx682891 FX PHPMissingTools mxp 插件 ， 即 可 打开 许可 证 安装 界面 ， 单 击 “ 接 
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a 


受 ” 按 钮 ， 将 自动 安装 该 插件 ， 如 图 6-38 所 示 。 


总 和 安装"PHP Missing Took 失 恬 - 尝 寻 大 作 之 前 ,请 行 和 网 该 以 下 内 请 ~ 


营 沙 脂 束 当 嵌 严 斌 涉 忆 好 9 小 目 


图 6-38 许可 证 安装 界面 
安装 完成 后 ， 在 插件 管理 器 窗口 中 ， 即 可 看 到 刚刚 安装 的 插件 ， 如 果 不 再 需要 ， 可 以 单 
fF“ 移 除 ”按钮 ， 从 而 删除 该 插件 ， 如 图 6-39 所 示 。 


各 安 菇 对 久 图 生 四 Exdange 


Et 


FRMONE 


6-39 成功 安装 了 插件 


全 在 安装 完毕 后 ， 一 定 要 关闭 Dreamweaver CS6 后 再 重新 打开 ， 以 确保 这 个 扩充 程 
刁 序 可 以 正确 使 用 。 
所 谓 “ 转 到 详细 页 面 ”， 也 就 是 用 户 在 选择 某 一 标题 的 文字 访问 后 ， 会 转 到 另 一 个 
页 面 来 显示 该 主题 的 详细 内 容 。 但 是 ， 另 一 个 页 面 怎么 知道 要 从 数据 库 中 调 出 哪 一 个 记录 来 
显示 呢 ? 所 以 我 们 在 主页 面 上 的 访问 必须 要 带 一 个 值 ， 让 详细 页 面 来 判断 ， 这 就 是 这 个 服务 
器 行为 的 目的 。 以 下 是 设置 Go To Detail Page 的 具体 步骤 。 
TY 为 了 实现 这 个 功能 ， 首 先 ， 需 要 选取 编辑 页 面 中 的 信息 分 类 标题 字段 ， 如 图 6-40 
所 示 。 
ED 单 击 “应 用 程序 ”面板 组 中 的 “服务 器 行为 ”面板 上 的 轩 按 钮 ， 在 弹出 的 菜单 
中 ， 选 择 Go To Detail Page 命令 ， 如 图 6-41 所 示 。 
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6-40 选择 信息 分 类 标题 6-41 选择 Go To Detail Page 命令 


EEIe) 在 打开 的 Go To Detail Page 对 话 框 中 ， 单 击 “ 浏 览 ” 按 钮 ， 弹 出 “选择 文件 ” 
对 话 框 ， 选 择 此 站 点 中 的 ypephp， 如 图 6-42 所 示 。 

EC 单 击 “ 打 开 ” 按 钮 ， 返 回 到 Go To Detail Page 对 话 框 ， 其 他 设 定 值 采用 默认 
值 ， 如 图 6-43 所 示 。 


厅 有 有 


obs Mosh image adminphp admin og cortentphp inderphp 


rd re 


Htormatl。 informati, fomat- ypeodd woesel.. ypcopd 


EEC 
详 经 信息 页 type. Fhp GE 
伟 递 URL 佑 数 type_id 设置 为 以 下 项 的 全 
a em oo) 
到 [teid 了 
恒 坦 观 有 佐 数 站] URL 参数 
于 单 参数 


图 6-42 “选择 文件 ”对 话 框 图 6-43 ”Go To Detail Page 对 话 框 


EEID 单 击 “确定 ”按钮 回 到 编辑 页 面 ， 主 页 面 index.php 中 ， 信 息 分 类 的 制作 已 经 完 
成 ， 最 新 信息 的 显示 页 面 设计 效果 如 图 6-44 所 示 。 


3. 制作 信息 数据 读 取 模 块 
制作 完 信息 分 类 栏目 后 ， 下 一 步 就 是 将 information 数据 表 中 的 信息 数据 读 取出 来 ， 并 在 
首页 上 进行 显示 。 

具体 的 操作 步骤 如 下 。 

EC 将 光标 放置 在 第 3 行 第 2 列 的 表格 中 ， 选 择 “ 插 入 ”一 “表格 ”菜单 命令 ， 弹 
出 “表格 ”对 话 框 ， 在 “ 行 数 ” 文 本 框 中 输入 行 数 3， 在 “ 列 ” 文 本 框 中 输入 列 数 
2。 在 “表格 宽度 ”文本 框 中 ， 输 入 92%， 其 “边框 粗细 ”、“ 单 元 格 边 距 ”和 “ 间 
距 ” 都 为 0， 如 图 6-45 所 示 。 

ET 单 击 “ 确 定 ” 按 钮 ， 即 可 在 网 页 中 插入 表格 ， 如 图 6-46 所 示 。 


和 政 5 歼 回 ] 
表格 罕 谋 -92 
边框 要 幼 : 0 香 天 

站 元 格 由 下 0 [ 国 
单元 格 加 中 0。 田 


图 6-45 “表格 ”对 话 框 图 6-46 插入 表格 


GTB> 合并 第 一 行 单元 格 ， 然 后 选择 “插入 ”一 “图 像 ”菜单 命令 ， 弹 出 “选择 图 像 
源 文件 ”对 话 框 ， 在 其 中 选择 要 插入 的 图 片 ， 如 图 6-47 所 示 。 
EYY 单 击 “确定 ”按钮 ， 插 入 图 片 ， 如 图 6-48 所 示 。 


BN 


图 6-47 “选择 图 像 源 文件 ”对 话 杠 图 6-48 插入 图 片 

芍 于 BY 单 击 “ 应 用 程序 ”面板 组 中 的 “ 绑 定 ” 面 板 上 的 加 按钮 ， 在 弹出 的 菜单 中 选择 
“记录 集 ( 查 询 )” 命 令 ， 在 打开 的 “记录 集 ” 对 话 框 中 输入 如 表 6.6 所 示 的 数据 ， 如 
图 6-49 所 示 。 
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表 6.6 “记录 集 Re1” 的 设 定 


图 6-49 “记录 集 ” 对 话 框 
Epo 插入 记录 集 之 后 ， 将 记录 集 的 字段 插入 至 index.php 网 页 的 适当 位 置 ， 如 图 6-50 
所 示 。 


图 6-50 ” 绑 定数 据 
EEJ 由 于 要 在 index.php 页 面 显示 数据 库 中 的 部 分 信息 ， 而 目前 的 设 定 则 只 会 显示 数 
据 库 的 第 一 笔 数据 ， 因 此 ， 需 要 加 入 “服务 器 行为 ”中 的 “重复 区 域 ” 的 设置 ， 来 
重复 显示 部 分 信息 ， 单 击 选择 要 重复 显示 信息 的 那 一 行 ， 如 图 6-51 所 示 。 


:最 新 养生 资讯 Information 


nf_title} HRel. inf_tine} 


6-51 单 击 需要 重复 的 表格 


了 TB 单 击 “应 用 程序 ”面板 组 中 “服务 器 行为 ”面板 上 的 外 按钮 ， 在 弹出 的 菜单 
中 ， 选 择 “ 重 复 区 域 ” 命 令 ， 在 弹出 的 “重复 区 域 ” 对 话 框 中 ， 记 录 集 选择 Rel， 
要 重复 的 记录 条 数 输入 为 10， 如 图 6-52 所 示 。 


图 6-52 “重复 区 域 ”对 话 框 


EEIRB) 单 击 “确定 ”按钮 ， 回 到 编辑 页 面 ， 会 发 现 先前 所 选取 要 重复 的 区 域 堪 上 角 出 
现 了 一 个 “重复 ”灰色 标签 ， 这 表示 已 经 完成 设 定 了 ， 如 图 6-53 所 示 。 


生 资讯 Information 


图 6-53 ”添加 重复 区 域 的 效果 


ED 由 于 最 新 信息 这 个 功能 除了 显示 网 站 中 部 分 信息 外 ， 还 要 提供 访问 者 感 兴趣 的 
信息 标题 ， 链 接 至 详细 内 容 来 阅读 ， 先 选取 编辑 页 面 中 的 信息 标题 字段 ， 如 图 6-54 
所 示 。 


养生 资讯 Information 


Rel. inf_time} 


图 6-54 选择 信息 标题 字段 


EEC 单 击 “ 应 用 程序 ”面板 组 中 的 “服务 器 行为 ”面板 上 的 外 按钮 ， 在 弹出 的 菜单 
中 选择 Go To Detail Page 命令 ， 在 弹出 的 Go To Detail Page 对 话 框 中 单 击 “浏览 ” 
按钮 ， 弹 出 “选择 文件 ”对 话 框 ， 选 择 此 站 点 information 文件 夹 中 的 content.php， 
其 他 设 定 如 图 6-55 所 示 。 


图 6-55 ”Go To Detail Page 对 话 框 
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EPZ) 单 击 “ 确 定 ” 按 钮 回 到 编辑 页 面 ， 当 记录 集 超 过 一 页 时 ， 就 必须 要 有 “上 一 
页 ”、“ 下 一 页 ”等 按钮 或 文字 ， 让 访问 者 可 以 实现 翻 页 的 功能 ， 这 就 是 “记录 集 
导航 条 ”的 功能 。“ 记 录 集 导航 条 ”按钮 位 于 “插入 ”面板 的 “数据 ” 栏 中 ， 因 此 
将 “插入 ”面板 由 “常用 ”切换 成 “数据 ”类 型 ， 单 击 “ 记 录 集 分 页 : 记录 集 导 航 
条 ”按钮 到 ， 如 图 6-56 所 示 。 

EECE) 在 弹出 的 “记录 集 导航 条 ”对 话 框 中 ， 选 取 导航 条 的 记录 集 以 及 导航 条 的 显示 
方式 为 “文本 ”， 如 图 6-57 所 示 。 


图 6-56 单 击 “记录 集 分 页 : 记录 集 导 航 条 ” 图 6-57 “记录 集 导 航 条 ”对 话 框 


国 了 LY 单 击 “ 确 定 ” 按 钮 回 到 编辑 页 面 ， 这 时 ， 会 在 页 面 表格 中 的 第 三 行 出 现 该 记录 
集 的 导航 条 ， 如 图 6-58 所 示 


养生 资讯 Information 四 


图 6-58 添加 “记录 集 导航 条 ”的 效果 


EEDp 在 “插入 ”面板 的 “数据 ”类 型 中 ， 单 击 “ 记 录 集 导航 状态 ”按钮 器 工具 ， 弹 
出 “记录 集 导 航 状态 ”对 话 框 ， 选 取 要 导航 状态 的 记录 集 为 Rel， 如 图 6-59 所 示 。 


记录 集 - |Rel 


范例 - 记录 1 到 5 (总 共 10 个 记录 ) 


6-59 “记录 集 导航 状态 ”对 话 框 


EECD) 单 击 “ 确 定 ” 按 钮 回 到 编辑 页 面 ， 这 时 会 发 现 ， 页 面 出 现 了 该 记录 集 的 导航 状 
态 ， 如 图 6-60 所 示 。 
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最 养生 资讯 Information 


Bel inf_tine} 


3 记录 {Rel. FirstRecord} 到 
:Rel LastRecord} (总 共 
1. TotalRecords} 


图 6-60 添加 “记录 集 导 航 状态 ” 
6.3.2 ”搜索 主题 功能 的 设计 


index.php 页 面 需 要 加 入 “查询 ”的 功能 ， 这 样 ， 信 息 资 讯 管理 系统 才 不 会 因 日 后 数据 太 
多 而 有 不 易 访问 的 情形 发 生 。 
具体 操作 步骤 如 下 。 
EEC 在 index.php 页 面 中 ， 将 光标 放置 在 左 侧 页 面 表 格 中 的 第 4 行 ， 然 后 选择 “ 插 
入 ”一 “表单 ”一 “表单 ”菜单 命令 ， 在 单元 格 中 插入 一 个 表单 ， 如 图 6-61 所 示 。 
国 了 于 23 在 表单 中 输入 文字 “健康 查询 ”， 然 后 选择 “插入 ”一 “表单 ”一 “文本 域 ” 
菜单 命令 ， 插 入 一 个 文本 框 ， 如 图 6-62 所 示 。 


芍 沙 彤 下 尖 嵌 句 刘 涉 局“ 几 9 


{Recordset1. type_name} 


:健康 搜索 


图 6-61 插入 表单 图 6-62 插入 文本 框 
EERB 在 “属性 ”面板 中 设置 文本 域 的 属性 值 ， 如 图 6-63 所 示 。 


字符 宽度 0) 15 | 类 型 可 单行 6) 。” 口 多 行 几 。 口 密 码 ) 类 中 无 ~ 
最 多 字符 数 。 ”初始 值 C) | < ]» 

口 禁用 四 

口 R 读 四 


图 6-63 “属性 ”面板 


EC 将 光标 放置 在 文本 域 的 后 面 ， 选 择 “ 插 入 ”一 “表单 ”一 “按钮 ”菜单 命令 ， 
插入 一 个 按钮 ， 如 图 6-64 所 示 。 在 “属性 ”面板 中 设置 按钮 的 名 称 为 “查询 ”， 并 
选中 “提交 表单 ” 单 选 按钮 ， 如 图 6-65 所 示 。 
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类 四 无 


6-65 ”为 按钮 设置 属性 


区 于 BY 在 此 要 将 先前 建立 的 记录 集 Rel 做 一 下 更 改 ， 打 开 “ 记 录 集 ”对 话 框 ， 进 入 
“高 级 ”设置 ， 在 原 有 的 SQL 语法 中 ， 加 入 一 段 查询 功能 的 语法 : 


\ WHERE inf title like '%''.$keyword. ''%' 


N 则 以 前 的 SQL 语句 将 变 成 如 图 6-66 所 示 。 


! WHERE inf title like ,ob".Skeyword "96' 1/ 
1 查询 的 条 件 是 输入 的 关键 字 与 数据 库 中 和 
1 inf title 字段 相似 就 可 以 

上 


图 6-66 修改 SQL 语句 


pa 其 中 ，like 是 模糊 查询 的 运算 符 ，% 表 示 任意 字符 ， 而 keyword 是 个 变量 ， 代 表 
SN 关键 宁 。 
区 了 TB 切换 到 “代码 ”视图 。 找 到 Rel 记录 集 相应 的 代码 并 加 入 代码 : 


$keyword = $_ POST[keyword]; 
// 定 义 keyword 为 表单 中 *keyword" 的 请 求 变量 


全 15 


如 图 6-67 所 示 ， 完 成 设置 。 


StheNotDefinedyalue 
Ey 


证 (PHP_VERSION < 6) { 
StheValue = get_magic_quntes_gpc() ? stripslashes($theYalue) : $theValue; 


StheValue = function_exists("nysql_real_escape_string”) ? nysql_real_escape_string 
(StheValue) : nysql_escape_string (和 theyalue) : 


switch ($thsType) { 

ase “text”s: 
StheValye = ($theValue I= "") ? *”” . Stheyalue 。…” : “ROLL 
bh 


7) ? intval (Stheyalue) : “HULL”; 


ase " : 
StheVale = ($theValue I=““) ? doubleval ($theValue) : “RULL”; | 
break; 

case “data”: | 


StheVale = ($theValue 1=““) 9”° . $theValue . ”"” : “ROLL : 
break; 
case “defined”: 
人 theValae = (StheValue I= ““) ? StheDefinedyalue : $theNotDefinedVslue; 
break: 


1 
return $thefalue; 


上 
1 


图 6-67 加 入 代码 
EC 以 上 的 设置 完成 后 ，index.php 系统 主页 面 就 有 查询 功能 了 ， 可 以 按 下 F12 功能 


键 在 浏览 器 中 测试 一 下 是 否 能 正确 地 查询 。index.php 页 面 会 显示 所 有 网 站 中 的 信息 
分 类 主题 和 最 新 信息 标题 ， 如 图 6-68 所 示 。 


让 1 嘻 暑 


录 打 养生 资讯 information 

wee es, ha Hn 

DE 

PTESERT SAETAE a0 过 全 
Be oant ht 
Wen ea at ers 


2 


图 6-68 主页 面 的 浏览 效果 


EEC) 在 关键 词 中 输入 “秋季 ”并 单 击 “ 查 询 ” 按 钮 ， 结 果 会 发 现 ， 页 面 中 的 记录 只 
显示 有 关 “ 秋 季 ” 所 发 表 的 最 新 信息 主题 ， 这 样 ， 查 询 功 能 就 已 经 完成 了 ， 最 终 的 


二 
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效果 如 图 6-69 所 示 。 


Bo"acx) 


最 新 养生 资讯 ，Information 精品 推荐 


者 生 z 商 
守信 委 ,从 3 人 013/ 6 
DE ds 3 
ET 上 X RF 太 到 3/2/14 二 者 be 
CE S13/ 6:47:14 、 


图 6-69 “测试 查询 的 效果 
6.3.3 ”信息 分 类 页 面 的 设计 


信息 分 类 页 面 ype php 用 于 显示 每 个 信息 分 类 的 页 面 ， 当 访问 者 单 击 index.php 页 面 中 的 
任何 一 个 信息 分 类 标题 时 ， 就 会 打开 相应 的 信息 分 类 页 面 。 

详细 的 操作 步骤 说 明 如 下 。 

EI 选择 “文件 ”一 “新 建 ”菜单 命令 ， 弹 出 “新 建文 档 ” 对 话 框 ， 选 择 “ 空 白 
页 ”选项 卡 ， 选 择 “ 页 面 类 型 ”下 拉 列 表 框 中 的 PHP 选项 ， 在 “布局 ”下 拉 列 表 杠 
中 选择 “无 ”选项 ， 然 后 单 击 “ 创 建 ”按钮 创建 新 页 面 ， 输 入 网 页 标题 “信息 分 
类 ”， 选 择 “ 文 件 ” 一 “保存 ”菜单 命令 ， 在 站 点 information 文件 夹 中 ， 将 该 文档 
保存 为 type.php， 如 图 6-70 所 示 。 

i 

| 人 | 折 分 | 实时 视 同 | 哆 . @. 只 FA GC 枉 :后继 | 


图 6-70 添加 网 页 标题 


ED 信息 分 类 页 面 和 首页 面 中 的 静态 页 面 设计 差不多 ， 另 外 ， 信 息 分 类 页 面 左 侧 的 
“养生 分 类 ”模块 与 首页 的 “养生 分 类 ”模块 一 样 ， 这 里 不 做 详细 说 明 ， 如 图 6-71 
所 示 。 

ETE> type-php 页 面 主要 显示 所 有 信息 分 类 标题 的 数据 ， 使 用 的 数据 表 是 information， 
单 击 “ 绑 定 ” 面 板 中 “增加 ”标签 上 的 国 按钮 ， 在 弹出 的 菜单 中 ， 选 择 “记录 集 ( 查 
询 )” 命 令 ， 在 弹出 的 “记录 集 ” 对 话 框 中 输入 如 表 6.7 所 示 的 数据 ， 再 单 击 “ 确 


全 i 


第 
定 ” 按 钮 后 ， 就 完成 设 定 了 ， 如 图 6-72 所 示 。 当 
GEL 单 击 “ 确 定 ”按钮 ， 完 成 记录 集 绑 定 。 将 光标 定位 在 表格 中 的 第 2 行 ， 然 后 先 

择 “ 插 入 ”一 “表格 ”菜单 命令 ， 弹 出 “表格 ”对 话 框 ， 在 其 中 设置 表格 的 相关 参 本 

数 ， 如 图 6-73 所 示 。 出 

资 

Ow TT 昌 

Ey ] 和 理 

Bs 人 下 


En 
JE ae WE SRN NL NN MN | 
eA WR hs Om semere en SA a LD nes eal mm 
na 2 有 we， rr 
图 6-71 测试 查询 效果 

表 6.7 输入 数据 


Recordsetl 
information 


information 


各 格 大 小 


行 数 2 到 2 
要 格 址 度 : 85 。 [百分比 
边框 胆 纸 : 0 。 像 末 
和 得: Recordset 单元 格 边 距 0 四 
连接 - [information ”| 宇多] [| 单元 格 间距 0。 田 
蕊 对 ] 
ee a 
[| FE 图 国 =ES 
目 顶部 两 者 
Cm ] 扎 枉 
6-72 “记录 集 ” 对 话 框 图 6-73 “表格 ”对 话 框 


攻 BY 单 击 “ 确 定 ” 按 钮 ， 在 表格 中 插入 一 个 2 行 2 列 的 表格 ， 并 设置 表格 的 对 齐 方 
式 为 “居中 对 齐 ”， 如 图 6-74 所 示 。 


外 
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图 6-74 插入 表格 
EC 合并 第 1 行 ， 并 将 记录 集 的 字段 插入 到 type.php 网 页 中 的 适当 位 置 ， 如 图 6-75 


所 示 。 


Ne 


Recordsetl. inf_title)| 


6-75 ”插入 至 type.php 网 页 中 


NN 区 于 BD 为 了 显示 所 有 记录 ， 需 要 加 入 “服务 器 行为 ”中 的 “重复 区 域 ”命令 ， 单 击 
| type.php 页 面 中 需要 重复 的 表格 ， 如 图 6-76 所 示 。 


(Recordsetl. inf_title} 


图 6-76 单 击 选择 要 重复 显示 的 一 行 
EEIB) 单 击 “ 应 用 程序 ”面板 组 中 “服务 器 行为 ”面板 上 的 外 按钮 ， 在 弹出 的 菜单 
中 ， 选 择 “ 重 复 区 域 ” 命 令 ， 弹 出 “重复 区 域 ”对 话 框 ， 设 定 一 页 显示 的 数据 为 10 
条 ， 如 图 6-77 所 示 。 


记录 集 ，|Recordsetl 


显示 : 回 10 ”记录 


日 所 有 记录 


图 6-77 “重复 区 域 ”对 话 框 


EEC 单 击 “ 确 定 ”按钮 ， 回 到 编辑 页 面 ， 会 发 现 先前 所 选取 要 重复 的 区 域 堪 上 角 出 
现 了 一 个 “重复 ”灰色 标签 ， 这 表示 已 经 完成 设置 ， 如 图 6-78 所 示 。 


Recordset1., inf_title} 


6-78 ”添加 重复 区 域 的 效果 


Gi 


EC 在 “插入 ”面板 的 “数据 ”类 型 中 ， 单 击 “ 记 录 集 分 页 : 记录 集 导航 条 ”按钮 
国 ， 弹 出 “记录 集 导 航 条 ”对 话 框 ， 选 取 Recordsetl 记录 集 以 及 导航 条 的 显示 方 
式 ， 如 图 6-79 所 示 。 


记录 集 Recordsetl 


显示 方式 : 回 文本 


个 图像 


6-79 “记录 集 导航 条 ”对 话 框 


EY 单 击 “ 确 定 ”按钮 回 到 编辑 页 面 ， 会 发 现 页 面 上 已 经 出 现 了 该 记录 集 的 导航 
条 ， 如 图 6-80 所 示 。 


Pe inf_title} 


图 6-80 添加 了 “记录 集 导 航 条 ” 


醒 PY 在 “插入 ”面板 的 “数据 ”类 型 中 ， 单 击 工具 按钮 澡 ， 弹 出 “记录 集 导 航 状 
态 ” 对 话 框 ， 选 取 要 导航 状态 的 记录 集 为 Recordset1， 如 图 6-81 所 示 。 


记录 集 - Recordsetl 下 


范例 : 记录 1 到 5 (总 共 10 个 记录 ) 


图 6-81 “记录 集 导 航 状态 ”对 话 框 


EEJE) 单 击 “确定 ”按钮 ， 回 到 编辑 页 面 ， 我 们 会 发 现 ， 页 面 上 出 现 了 该 记录 集 的 导 
航 状态 ， 如 图 6-82 所 示 。 


cordset1. inf_title} 


所 .记录 {Recordset1. FirstRecord} 到 | 
:Recordset1.LastRecordj (总 共 : 
rd 


图 6-82 添加 了 “记录 集 导 航 状态 ” 
EC》 选取 编辑 页 面 中 的 信息 标题 字段 inf_tile， 再 单 击 “ 应 用 程序 ”面板 组 中 “服务 


N 


BN 
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器 行为 ”面板 上 的 轩 按 钮 ， 在 弹出 的 菜单 中 选择 Go To Detail Page 命令 ， 在 弹出 的 
Go To Detail Page 对 话 框 中 单 击 “ 浏 览 ” 按 钮 ， 弹 出 “选择 文件 ”对 话 框 ， 选 择 
information 文件 夹 中 的 contentphp， 把 “传递 URL 参数 ”设置 为 inf id， 其 他 参数 
设 定 如 图 6-83 所 示 。 最 后 单 击 “ 确 定 ” 按 钮 ， 即 可 完成 设置 。 


坟 


详细 信息 页 : content. php ET 
传递 URL 参数 inf_id 设 要 为 以 下 项 的 什 
记录 集 Recordsetl 四 
到 [india = 
传递 现 有 参数 : 中 ] URL 参数 
日 表 间 参数 


6-83 Go To Detail Page 对 话 框 


EGGIED 加 入 显示 区 域 的 设 定 。 首 先 选取 记录 集 有 数据 时 要 显示 的 数据 表格 ， 这 里 单 击 
选择 需要 显示 的 整个 表格 ， 如 图 6-84 所 示 。 


Recordsetl. inf_title} 


3 记录 人 ecordsetl. Firsthecord} 到 
| 显示 :Recordset1.LastRecordj (总 共 
一 内 划一 内 [站 一 个 桥 后 一 由 J :Recordsetl. TotalRecords} 


图 6-84 选择 要 显示 的 记录 


ECG 单 击 “ 应 用 程序 ”面板 组 中 “服务 器 行为 ”面板 上 的 外 按钮 ， 在 弹出 的 菜单 
中 ， 选 择 “ 显 示 区 域 ”一 “如 果 记 录 集 不 为 空 则 显示 区 域 ”命令 ， 弹 出 “如 果 记 录 
集 不 为 空 则 显示 区 域 ” 对 话 框 ， 在 “记录 集 ” 下 拉 列 表 框 中 选择 Recordsetl ， 如 
图 6-85 所 示 。 


记录 集 :|Recordset1 了 


图 6-85 “如 果 记 录 集 不 为 空 则 显示 区 域 ” 对 话 框 


E> 单 击 “ 确 定 ”按钮 回 到 编辑 页 面 ， 会 发 现 先前 所 选取 要 显示 的 区 域 左上 角 出 现 了 
一 个 “如 果 符 合 此 条 件 则 显示 ”的 灰色 标签 ， 这 表示 已 经 完成 设置 ， 如 图 6-86 所 示 。 

EEC 选取 记录 集 没有 数据 时 要 显示 的 文字 信息 ， 如 图 6-87 所 示 。 

BY 单 击 “应 用 程序 ”面板 组 中 “服务 器 行为 ”面板 上 的 固 按钮 ， 在 弹出 的 菜单 
中 ， 选 择 “显示 区 域 ” 一 “如 果 记 录 集 为 空 则 显示 区 域 ”命令 ， 弹 出 “如 果 记 录 集 
为 空 则 显示 区 域 ”对 话 框 ， 选 择 Recordsetl 选项 ， 如 图 6-88 所 示 。 


图 6-86 “记录 集 不 为 空 ” 则 显示 


内 消 各 于 涯 岂可 十 汶 :由 9 洲 司 


取消 


ecoraset | [| 
帮助 


图 6-87 选择 没有 数据 时 显示 的 区 域 图 6-88 “如 果 记 录 集 为 空 则 显示 区 域 ”对 话 框 NN 
EEEDp 单 击 “ 确 定 ” 按 钮 回 到 编辑 页 面 ， 会 发 现 先前 所 选取 要 显示 的 区 域 左 上 角 出 现 N 


了 一 个 “如 果 符 合 此 条 件 则 显示 ”灰色 标签 ， 这 表示 已 经 完成 设置 ， 效 果 如 图 6-89 
所 示 。 


cordsetl inf_title} 


;记录 {Recordsetl. Firsthecord} 1 
jm asthecord) (总 = 3 
{Recordsetl. TotalRecords} 


图 6-89 记录 集 为 空 则 显示 
EE 至 此 ， 信 息 分 类 页 面 ype php 的 制作 就 已 经 完成 ， 预 览 效果 ， 如 图 6-90 所 示 。 


“ DIDIw 


养生 分 类 
和 各 


人 EA VES 
mt 


i 
EEE WA 
PRS Pia 

1 到 4 @ 业 


图 6-90 ”信息 分 类 页 面 的 效果 
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6.3.4 ”信息 内 容 页 面 的 设计 


信息 内 容 页 面 contentphp 用 于 显示 每 一 条 信息 的 详细 内 容 ， 这 个 页 面 设计 的 重点 在 于 如 
何 接收 主页 面 index.php 和 type.php 所 传递 过 来 的 参数 ， 并 根据 这 些 参数 来 显示 数据 库 中 相应 
的 数据 。 

详细 操作 步骤 如 下 。 

(ETD 选择 菜单 栏 中 的 “文件 ”一 “新 建 ” 命 令 ， 打 开 “ 新 建文 档 ” 对 话 框 ， 选 择 
“空白 页 ”选项 卡 ， 在 “页 面 类 型 ”下 拉 列 表 框 中 选择 PHP 选项 ， 在 “布局 ”下 拉 
列表 框 中 选择 “无 ”选项 ， 然 后 单 击 “ 创 建 ” 按 钮 创建 新 页 面 ， 选 择 “ 文 件 ” 一 
“保存 ”菜单 命令 ， 在 站 点 的 information 文件 夹 中 ， 将 该 文档 保存 为 content.php。 

ER 页 面 设计 与 前 面 的 页 面 设 计 差不多 ， 在 这 里 不 再 做 详细 的 页 面 制作 说 明 ， 效 果 
如 图 6-91 所 示 。 


es 
友情 运 据 


和 名 南开 。 天 避 们 寺 。 伴 必 和 于 。 正和 大风 。 网 L851 


大 。 Fj 网。 前 计 1209 。 各 网 。 作对 全。 大 站 
六。 站。 旺 表 生 尖 至 愉 名 


6-91 ”信息 内 容 页 面 的 设计 效果 


EEIB 单 击 “ 绑 定 ”面板 中 “增加 ”标签 上 的 外 按钮 ， 在 弹出 的 菜单 中 选择 “记录 集 
(查询 )” 命 令 ， 在 弹出 的 “记录 集 ” 对 话 框 中 输入 如 表 6.8 所 示 的 数据 ， 再 单 击 “ 确 
定 ”按钮 后 ， 就 完成 设 定 了 ， 对 话 框 的 设置 如 图 6-92 所 示 。 

EEI 将 光标 定位 在 第 2 行 的 第 2 列 ， 选 择 “插入 ”一 “表格 ”菜单 命令 ， 打 开 “ 表 
格 ” 对 话 框 ， 在 其 中 设置 表格 的 参数 ， 如 图 6-93 所 示 。 


表 6.8 “记录 集 ” 的 表格 设置 


设置 值 


全 部 
inf_id=URL 参数 inf id 


全 i 


客 称 : Recordset1l | 

连接 |infornatien |[ 定 X.….] | 

和 表格 infornation A 二 一 
才 助 


图 6-92 “记录 集 ” 对 话 框 图 6-93 “表格 ”对 话 框 


区 了 BY 单 击 “确定 ”按钮 ， 在 网 页 中 插入 一 个 3 行 1 列 的 表格 ， 然 后 选择 “插入 ”一 
“图 像 ”菜单 命令 ， 在 表格 的 第 2 行 插入 一 个 图 片 lnejpg， 如 图 6-94 所 示 。 


图 6-94 插入 图 片 line.jpg 


绑 定 记录 集 后 ， 将 记录 集 的 字段 插入 至 contentphp 页 面 中 的 适当 位 置 ， 完 成 信 
息 内 容 页 面 contentphp 的 制作 ， 如 图 6-95 所 示 。 


{Recordsetl. inf_title} 


{Recordset1. inf_content} 


图 6-95 ” 绑 定 记录 集 到 页 面 中 


四 TX 绑 定 数据 到 页 面 后， 设置 信息 标 
题 和 信息 内 容 的 样式 ， 这 样 更 加 美 
观 ， 选 择 信息 标题 字段 ， 在 “属性 ” 
面板 的 CSS 样式 表 中 ， 设 置 大 小 为 
14px， 字 体 颜色 为 各 00， 加 粗 ， 并 在 
弹出 的 “新 建 CSS 规则 ”对 话 框 
中 ， 设 置 名 称 为 “tile”， 如 图 6-96 
所 示 。 二 二 县 舍 更 县 洒 

CTB> 用 同样 的 方法 ， 设 置信 息 内 容 的 站 
样式 ， 这 样 ， 信 息 内 容 页 面 将 完成 制 
作 ， 预 览 效果 如 图 6-97 所 示 。 图 6-96 新 建 CSS 样式 
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误区 一 : 不 煤 空 模 曲 误区 二 总 后 奶 补 语 站 采 更 好 误区 三 : 多 喝 会 长 胖 。 误区 如 ;不甘 中 果 才 一 起 喝 涡 区 五 不 能 和 荣 一 起 喝 


6-97 ”预览 效果 


6.3.5 ”系统 页 面 的 测试 


制作 好 一 个 系统 后 ， 需 要 测试 无 误 ， 才 能 上 传 到 服务 器 以 供 使 用 。 下 面 介绍 系统 页 面 测 
试 的 操作 步骤 。 
EEIDp 打开 IE 浏览 器 ， 在 地 址 栏 中 输入 “http://localhost/index.php”， 弹 出 index.php 
页 面 ， 如 图 6-98 所 示 。 
EEC) 单 击 页 面 左 侧 信息 分 类 模块 下 的 链接 ， 如 这 里 单 击 “ 养 生 之 道 ” 超 链接 ， 即 可 
在 右 侧 的 页 面 中 显示 有 关 “ 养 生 之 道 ” 的 信息 ， 如 图 6-99 所 示 。 


来 放假 


6-98 ”打开 index.php 页 面 6-99 单 击 “养生 之 道 ”链接 


了 TB 单 击 “ 饮 食 养 生 ” 超 链接 ， 在 右 侧 的 页 面 中 则 显示 有 关 “ 饮 食 养生 ”的 信息 ， 
如 图 6-100 所 示 。 

EC》 如 果 想 要 查看 分 类 信息 的 详细 内 容 ， 可 以 在 右 侧 的 分 类 信息 中 单 击 任意 一 个 标 
题 文章 ， 就 可 以 打开 该 标题 文章 的 详细 内 容 页 面 ， 如 图 6-101 所 示 。 这 就 说 明 信 息 
资讯 管理 系统 的 前 台 页 面 设计 完成 了 。 


全 i 


wx I a 


图 6-100 单 击 “ 饮 食 养 生 ” 超 链接 6-101 ”详细 内 容 页 面 


6.4 ”后 台 管理 页 面 的 设计 


信息 资讯 管理 系统 的 后 台 管理 ， 对 于 信息 资讯 管理 系统 来 说 ， 是 非常 重要 的 ， 管 理 者 可 
以 通过 账号 密码 进入 后 台 ， 对 信息 分 类 ， 对 信息 内 容 进 行 增加 、 修 改 或 删除 ， 使 网 站 能 随时 
保持 最 新 、 最 实时 的 信息 。 


6.4.1 后 台 管理 入 口 页面 的 设计 


后 台 管理 主页 面 必须 受到 权限 管理 ， 可 以 利用 登录 账号 和 密码 来 判别 是 否 由 相应 的 用 户 
来 实现 权限 的 设置 和 管理 。 
详细 操作 步骤 如 下 。 

E> 选择 “文件 ”一 “新 建 ”菜单 命令 ， 弹 出 “新 建文 档 ” 对 话 框 ， 选 择 “ 空 白 
页 ”选项 卡 ， 在 “页 面 类 型 ”下 拉 列 表 框 中 选择 ASP VBScript 选项 ， 在 “布局 ”下 
拉 列 表 框 中 选择 “无 ”选项 ， 然 后 单 击 “ 创 建 ”按钮 创建 新 页 面 ， 输 入 网 页 标题 
“后 台 管 理 入 口 ”， 选 择 “文件 ”一 “保存 ”菜单 命令 ， 在 站 点 information 文件 夹 
的 admin 文件 夹 中 ， 将 该 文档 保存 为 admin _ login.php。 

E> 选择 “插入 ”一 “表单 ”一 “表单 ”菜单 命令 ， 插 入 一 个 表单 。 

EEB) 将 光标 放置 在 该 表单 中 ， 选 择 “插入 ”一 “表格 ”菜单 命令 ， 弹 出 “表格 ”对 
话 框 ， 在 “ 行 数 ”文本 框 中 ， 输 入 需要 插入 表格 的 行 数 4。 在 “ 列 ” 文 本 框 中 ， 输 
入 需要 插入 表格 的 列 数 2。 在 “表格 宽度 ”文本 框 中 ， 输 入 400 像素 ， 其 他 选项 保 
持 默认 值 ， 如 图 6-102 所 示 。 

EC 单 击 “ 确 定 ” 按 钮 。 选 择 表 格 ， 在 “属性 ”面板 中 ， 设 置 “ 对 齐 ” 为 “居中 对 
齐 ”。 拖 动 鼠 标 ， 选 择 第 1 行 表格 的 所 有 单元 格 ， 在 “属性 ”面板 中 单 击 品 按钮 ， 
将 第 1 行 表格 合并 。 用 同样 的 方法 ， 把 第 4 行 合并 。 如 图 6-103 所 示 。 

EEJDpy 在 表格 的 第 1 行 中 输入 文字 “信息 资讯 系统 后 台 管 理 中 心 ”， 在 表格 的 第 2 行 
第 1 个 单元 格 中 输入 文字 说 明 “账号 : ”， 在 第 2 行 表格 的 第 2 个 单元 格 中 选择 


蔷 油 酋 不 洛 嵌 如 二 由 省 邮 9 
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“插入 ”一 “表单 ”一 “文本 域 ” 菜 单 命令 ， 插 入 单行 文本 域 表 单 对 象 ， 如 图 6-104 
所 示 。 定 义 文本 域名 为 usermname。“ 类 型 ”为 单行 ，“ 文 本 域 ” 属 性 设置 如 图 6-105 
所 示 。 


插入 一 个 宽度 为 400 像 ! 
素 ，4 行 2 列 的 表格 1 


图 6-102 插入 表格 


6-103 ”设置 插入 的 表格 


信息 资讯 系统 后 台 管理 中 心 
人 下 


ene 


加 区 攻 字符 训 度 0) 类 型 加 单行 6) ”站 多 行 有 D 。。 中 密 凤 0) 。 类) 无 ~ 
nsernme | 最 多 字符 教 。。。 初 内 值 Im MJ 
1 
口 R 旋 四 


图 6-105 设置 “文本 域 ”的 属性 


葬 于 BY 在 第 3 行 表 格 的 第 1 个 单元 格 中 输入 文字 说 明 “密码 : ”， 在 第 3 行 表格 的 第 2 
个 单元 格 中 选择 “插入 ”一 “表单 ”一 “文本 域 ”菜单 命令 ， 插 入 单行 文本 域 表单 
对 象 ， 定 义 文本 域名 为 password，“ 类 型 ”为 密码 ，“ 文 本 域 ”属性 设置 及 效果 如 


图 6-106 所 示 。 
ED 单 击 选择 第 4 行 表格 ， 两 次 选择 “插入 ”一 “表单 ”一 “按钮 ”菜单 命令 ， 插 


全 7 


ms 

入 两 个 按钮 ， 并 分 别 在 “属性 ”面板 中 进行 属性 变更 ， 一 个 为 登录 时 用 的 “提交 表 和 
单 ” 选 项 ， 一 个 为 “ 重 设 表单 ”选项 ，“ 属 性 ”的 设置 如 图 6-107 所 示 。 界 面 效果 | 
如 图 6-108 所 示 。 到 
信息 资讯 系统 后 台 管 理 中 心 旭 

和 

并 


类 CC) 无 


字符 宽度 0) 类 型 口 单行 G) 
Password 最 多 字符 数 初始 值 I) 
加 禁用 O) 
门 R 读 中 


总 多 行 器 密码 中) 
多 


图 6-106 输入 “密码 : ”和 设置 “文本 域 ”的 属性 


类 CEC) 无 


值 w) 登录 动作 名 提交 表单 ) 丫 无 0 
个 重 设 表单 中) 


值 W) 重 可 动作 癌 提交 表单 S) 口 无 0 类 CC) 无 


回 重 设 表 单 8) 


多 GG 


图 6-107 按钮 的 属性 设置 


信息 资讯 系统 后 台 管理 中 心 


图 6-108 设置 按钮 后 的 效果 


EERB 选择 网 页 中 的 整个 表格 ， 然 后 在 “属性 ”面板 中 设置 表格 的 对 齐 方式 为 “居中 
对 齐 ”， 边 框 的 大 小 为 “2”， 具 体 的 参数 设置 如 图 6-109 所 示 。 


图 表格 行 mi# | 宽 o 400 [全 素 -=] 填充 @) 0 | 对 齐 W0 [居中 对 齐 =] 类 C) 无 -| 
> > 列 Dz 间距 GS) 0 | 边框 @) 2 | 

Em SD 

也 


图 6-109 “属性 ”面板 


ED 选择 表格 中 的 文字 ， 然 后 在 属性 面板 的 CSS 设置 界面 中 设置 文字 的 大 小 为 16、 
表格 的 背景 颜色 为 #66CCFF， 如 图 6-110 所 示 。 
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Cy mL 目标 规则 #fornl table tr td ”v | 字体 ) 黑 认 字体 v [BjZ7 焉 委 酒 要 
本 css | [编辑 规则 “] [css 面板 F) ] 大 小 GS) 16 ~“ 区 7 

下 单元 格 水平) [居中 对 齐 >] 宽 D)。 不 换行 0) 门 。 背景 颜色 (6) 国 | 3e6cCFF 

一 口 下 ”春风 ~] 高 | 2 村 是 四 品 


6-110 设置 文字 的 样式 


EC) 单 击 “应 用 程序 ”面板 组 中 “服务 器 行为 ”面板 上 的 鸭 按 钮 ， 在 弹出 的 菜单 中 
选择 “用 户 身份 验证 ”一 “登录 有 用户” 命令 ， 弹 出 “登录 有 用户” 对话 框 ， 设 置 如 果 
不 成 功 将 返回 登录 页 面 admin login.php 重新 登录 ， 如 果 成 功 ， 将 登录 到 后 台 管理 主 
页 面 admin.php， 如 图 6-111 所 示 。 


从 表单 取 箱 和 -farml | L 
用 广 各 字段 [aseraas = 取消 
更 三 子 段 passrerd | 部 且 
使 用 连接 验证 : inforaation 加 
| 
用 户 各 到 [asernme 加 
轩 码 列 passrord ~ 
如 果 登 好 成功， 转 到 dpin php 3 


回转 到 前 一 个 URL ( 如 果 它 存在 ) 
如 果 登 录 失 败 ， 转 到 -sdain_login php ] 
基于 以 下 项 限制 访问 : 回 用 户 名 和 要 码 

司 用 户 各 、 峰 码 和 沪 同 弛 到 

职 取 级别 外 :ozernee 


图 6-111 登录 用 户 的 设置 
EEC 选择 “窗口 ”一 “行为 ”菜单 命令 ， 弹 出 “行为 ”面板 ， 单 击 “ 行 为 ”面板 中 
的 外 按钮 ， 在 弹出 的 菜单 中 选择 “检查 表单 ”命令 ， 弹 出 “检查 表单 ”对 话 框 ， 设 
置 usermame 和 password 文本 域 的 “ 值 ”都 为 “必需 的 ”，“ 可 接受 ”为 “任何 东 
西 ”， 如 图 6-112 所 示 。 


CT 


重 加 [的 


可 接受 ， 轩 任何 东 二 © ws 
全 电 子 邮件 地 址 站 数 了 从 


图 6-112 “检查 表单 ”对 话 框 


EBPY 单 击 “ 确 定 ” 按 钮 ， 回 到 编辑 页 面 ， 完 成 后 台 管 理 入 口 页 面 admin login.php 的 
设计 与 制作 。 预 览 效 果 如 图 6-113 所 示 。 


| | 
[一 | 
[登录] | 重 轨 ] 

图 6-113 后 台 登 录 界面 的 效果 


6.4.2 后台 管理 主页 面 的 设计 


后 台 管 理 主页 面 是 管理 者 在 登录 页 面 验证 成 功 后 所 进入 的 页 面 ， 这 个 页 面 可 以 实现 对 信 
息 分 类 ， 信 息 内 容 的 新 增 、 修 改 或 删除 ， 使 网 站 能 随时 保持 最 新 、 最 实时 的 信息 。 
详细 操作 步骤 如 下 。 
EEC 打开 adminphp 页 面 (此 页 面 设计 比较 简单 ， 页 面 设 计 在 这 里 不 做 说 明 )， 单 击 
“ 绑 定 ”面板 上 的 外 按钮 ， 在 弹出 的 菜单 中 ， 选 择 “记录 集 ( 查 询 )” 命 令 ， 在 “ 记 
录 集 ”对 话 框 中 ， 输 入 如 表 6.9 中 的 数据 ， 再 单 击 “ 确 定 ” 按 钮 后 ， 就 完成 设 定 ， 
设置 情况 如 图 6-114 所 示 。 


表 6.9 “记录 集 ” 的 设置 信息 
| 设置 信 | 属性 
| 
入 和 


information 


6-114 “记录 集 ” 对 话 框 


EEJDy 绑 定 记录 集 后 ， 将 Re 记录 集中 的 inf title 字段 插入 至 admin.php 网 页 中 的 适当 
位 置 ， 如 图 6-115 所 示 。 


[修改 ] [出 除 ] : 


{Re. inf_title} 


6-115 ”把 记录 集 的 字段 插入 到 admin.php 网 页 中 


[es 


芍 沙 岗 友 洛 左 炙 二 汪 忆 节 9 由 
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EDUB) 在 这 里 ， 要 显示 的 不 单 是 一 条 信息 记录 ， 而 是 多 条 信息 记录 ， 所 以 要 加 入 “ 重 
复 区 域 ”命令 ， 再 选择 需要 重复 的 表格 的 一 行 ， 如 图 6-116 所 示 。 


{Re. inf_title} [修改 ] [ 旺 除 ] 


图 6-116 ”选择 重复 的 区 域 
EEC 单 击 “ 应 用 程序 ”面板 组 中 “服务 器 行为 ”面板 上 的 外 按钮 ， 在 弹出 的 菜单 
中 ， 选 择 “重复 区 域 ” 命 令 ， 打 开 “ 重 复 区 域 ”对 话 框 ， 设 定 一 页 显示 的 数据 为 10 
条 记录 ， 如 图 6-117 所 示 。 


记录 集 -| Be 了 


显示 : 回 10 ”记录 


日 所 有 记录 


图 6-117 “重复 区 域 ” 对 话 框 


EGRD9 单 击 “ 确 定 ” 按 钮 回 到 编辑 页 面 ， 会 发 现 先前 所 选取 要 重复 的 区 域 左 上 角 出 现 
了 一 个 “重复 ”灰色 标签 ， 这 表示 已 经 完成 设 定 了 ， 如 图 6-118 所 示 。 


这 hws 
图 6-118 ”添加 重复 区 域 的 效果 


国 了 TY 当 显示 的 信息 数据 大 于 10 条 时 ， 就 必须 加 入 记录 集 分 页 功能 了 ， 在 “插入 ” 面 
板 的 “数据 ”类 型 中 ， 单 击 “ 记 录 集 分 页 : 记录 和 集 导 航 条 ”按钮 到 ， 弹 出 “记录 集 
导航 条 ”对 话 框 ， 选 取 Re 记录 集 并 设 导 航 条 的 显示 方式 为 文本 ， 如 图 6-119 所 示 。 


6-119 “记录 集 导航 条 ”对 话 框 


EEC 单 击 “ 确 定 ” 按 钮 回 到 编辑 页 面 ， 会 发 现 页 面 出 现 了 该 记录 集 的 导航 条 ， 效 果 
如 图 6-120 所 示 。 


6-120 ”记录 集 导航 条 的 效果 


Gn 


TE》 admin php 是 提供 管理 者 链接 至 信息 编辑 的 页 面 ， 然 后 进行 新 增 、 修 改 与 删除 等 
操作 。 设 置 了 4 个 链接 ， 各 链接 的 设置 如 表 6.10 所 示 。 


表 6.10 admin.php 页 面 链接 的 设置 


属 性 设置 值 设置 值 
名 称 | 连接 页 面 information upd.php 
标题 字段 {re_ inf title} | content.php information_del.php 


加 洲 阳 不 当代 名 二 水 书 好 9 小 下 


多 MNVJ 


添加 信息 information add.php 


Sm 其 中 ，“ 标 题字 段 {re_ news title}”、“ 修 改 ” 及 “删除 ”的 链接 必须 传递 参数 
”inf id 给 转 到 的 页 面 ， 这 样 ， 转 到 的 页 面 才能 够 根据 参数 值 而 从 数据 库 将 某 一 笔 数据 
筛选 出 来 ， 再 进行 编辑 。 
BY 首先 选取 “添加 信息 资讯 ”， 选 择 “ 插 入 ”面板 中 “常用 ”下 的 “超级 链 
接 ”， 弹 出 “超级 链接 ”对 话 框 ， 将 它 链接 到 admin 文件 夹 中 的 information add.php 
页 面 ， 如 图 6-121 所 示 。 
过 员 红 接 


ES 
文本 : 添加 信息 资讯 [三 | 
诈 接 


目标 : _blank - 
标题 : 添加 信息 


访问 刍 
Tab 键 索引 


图 6-121 “超级 链接 ”对 话 框 


EEC 在 右边 栏 中 添加 修改 和 删除 文字 ， 并 选取 “修改 ”文字 ， 然 后 单 击 “ 应 用 程 
序 ” 面 板 组 中 “服务 器 行为 ”面板 上 的 外 按钮 ， 在 弹出 的 菜单 中 ， 选 择 Go To Detail 
Page 命令 ， 弹 出 Go To Detail Page 对 话 框 ， 单 击 “ 浏 览 ” 按 钮 ， 弹 出 “选择 文件 ” 
对 话 框 ， 选 择 admin 文件 夹 中 的 news_updphp， 其 他 为 默认 值 ， 如 图 6-122 所 示 。 


Go To Detail Page [| 
< [EEC | 
详细 信息 页 -informat ior_upd php [EE | 
传递 URL 参 数 : inf id 设置 为 以 下 项 的 和 .| 
记录 集 [Be .| 
到 [lintia 7) 
传递 现 有 参数 : 目 ] URL 参数 
问 才 间 参数 


图 6-122 设置 “修改 ”的 转向 的 详细 页 面 
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ED 选取 “删除 ”文字 并 重复 上 面 的 操作 ， 要 转 到 的 页 面 改 为 information delphp， 
如 图 6-123 所 示 。 


Go To Detail Page 区 号 
7 
详细 信息 页 - infornation_del. php 
传递 URL 参数 inf_id 设置 为 以 下 项 的 什 
记录 集 : |Re - 
列 infi4 -=| 
传递 现 有 参数 四 URL 参数 
要 单 参 数 


6-123 ”设置 “删除 ”转向 的 详细 页 面 
选取 标题 字段 {Re.inf title}， 并 重复 上 面 的 操作 ， 把 要 前 往 的 详细 页 面 修改 为 
content.php， 如 图 6-124 所 示 。 

Go To Detail Page 


链接 | 所 选 范 围 :“《?php echo $row_Re | 


详细 信息 页 : cont ent. php 
传递 URL 参数- inf_id 设置 为 以 下 项 的 什 
记 孙 第 [te | 
到 : [infLid | 
传递 现 有 参数 : 中 ] URL 参数 
志 音 参数 


图 6-124 设置 {Re.inf_title} 转 向 的 详细 页 面 
EEE) 单 击 “ 确 定 ” 按 钮 ， 完 成 转 到 详细 页 面 的 设置 。 到 这 里 ， 已 经 完成 了 信息 内 容 
的 编辑 。 现 在 来 设置 信息 分 类 ， 单 击 “ 绑 定 ” 面 板 上 的 外 按钮 ， 在 弹出 的 菜单 中 ， 
选择 “记录 集 ( 查 询 )” 命 令 ， 在 弹出 的 “记录 集 ” 对 话 框 中 ， 输 入 设 定 值 如 表 6.11 
所 示 的 数据 ， 再 单 击 “ 确 定 ” 按 钮 后 ， 就 完成 了 设置 ， 如 图 6-125 所 示 。 


表 6.11 “记录 集 ” 表 格 的 设置 


属 性 
名 称 
连接 information 
表格 information type 


EL 完成 记录 集 Rel 的 绑 定 后 ， 将 Rel 记录 集中 的 type_name 字段 插入 到 admin.php 
网 页 中 的 适当 位 置 ， 然 后 ， 在 该 字段 的 后 面 ， 输 入 “修改 ”和 “删除 ”文字 信息 ， 
如 图 6-126 所 示 。 


全 i 


管理 员 你 好 ! 请 你 添加 信息 资讯 


出山 


管理 员 你 好 ! 请 你 管理 信息 分 类 ! 


排序 : 鞠 下] [升序 


人 Rel. type_nane】 [修改 ] [是 除 ] 


图 6-125 “记录 集 ” 对 话 框 图 6-126 把 “记录 集 ” 的 字段 插入 admin.php 网 页 
EBY 在 这 里 ， 要 显示 的 不 单 是 一 条 信息 分 类 记录 ， 而 是 全 部 的 信息 分 类 记录 ， 所 以 
要 加 入 “服务 器 行为 ”中 的 “重复 区 域 ”命令 。 选 择 需要 重复 的 表格 ， 如 图 6-127 
所 示 。 
EY 单 击 “应 用 程序 ”面板 组 中 “服务 器 行为 ”面板 上 的 外 按钮 ， 在 弹出 的 菜单 
中 ， 选 择 “ 重 复 区 域 ” 命 令 ， 弹 出 “重复 区 域 ” 对 话 框 ， 设 定 一 页 显示 的 数据 为 
“所 有 记录 ”， 如 图 6-128 所 示 。 


人 Rel. type_name} [修改 ] [是 除 ] 


图 6-127 ”选择 要 重复 的 一 行 图 6-128 “重复 区 域 ” 对 话 框 
E> 单 击 “确定 ”按钮 回 到 编辑 页 面 ， 会 发 现 

先前 所 选取 要 重复 的 区 域 左上 角 出 现 了 一 个 

“重复 ”灰色 标签 ， 这 表示 已 经 完成 设置 。 如 gettype maney [0 


图 6-129 所 示 。 

E> 选取 左边 栏 中 的 “修改 ”文字 ， 然 后 单 击 
“应 用 程序 ”面板 组 中 “服务 器 行为 ”面板 上 图 6-129 添加 了 “重复 区 域 ” 
的 固 按钮 ， 在 弹出 的 菜单 中 ， 选 择 Go To Detail 
Page 命令 ， 弹 出 Go To Detail Page 对 话 框 ， 单 击 “ 浏 览 ”按钮 ， 弹 出 “选择 文件 ” 
对 话 框 ， 然 后 选择 admin 文件 夹 中 的 type_updphp， 其 他 设置 为 默认 值 ， 如 图 6-130 
所 示 。 

ED) 选取 “删除 ”文字 ， 并 重复 上 面 的 操作 ， 要 前 往 的 详细 页 面 改 为 type_deLphp， 
如 图 6-131 所 示 。 
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诈 接 - | 所 选 范围 :“ 修 改 ” 了 
详细 信息 页 : type_upd. php 


传递 URL 参数 : type_id 设置 为 以 下 项 的 值 


bin | 

到 [mld | 
传递 现 有 参数 : 四 URL 参数 
表单 参数 


6-130 ”设置 “修改 ”转向 的 详细 页 面 


链接 - | 所 选 范围 ; 
详细 信息 页 - type_del. i 


以 递 URL 参数 : type_id 
记录 集 : [Rel 
到 : [ypedi 
AN 传递 现 有 参数 : 四 URL 参数 
站 下 间 参 数 


图 6-131 设置 “删除 ”转向 的 详细 页 面 


EPE 后 台 管理 是 管理 员 在 后 台 管理 入 口 页 面 admin_login.php 中 输入 正确 的 账号 和 密 
码 才 可 以 进入 的 一 个 页 面 ， 所 以 必须 设置 ， 限 制 对 本 页 的 访问 功能 。 单 击 “ 应 用 程 
序 ” 面 板 组 中 “服务 器 行为 ”面板 中 的 外 按钮 ， 在 弹出 的 菜单 中 ， 选 择 “ 用 户 身份 
验证 ”一 “限制 对 页 的 访问 ”命令 ， 如 图 6-132 所 示 。 


6-132 ”选择 “限制 对 页 的 访问 ”命令 


全 1 


EE 了 在 弹出 的 “限制 对 页 的 访问 ”对 话 框 中 ， 对 “基于 以 下 内 容 进行 限制 ”选择 
“用 户 名 和 密码 ”， 如 果 访 问 被 拒绝 ， 则 转 到 首页 index.php， 如 图 6-133 所 示 。 


基于 以 下 内 容 进行 限制 : 回 。 用 户 名 和 密码 


如 果 访问 被 拒绝 , 则 转 到 : index. asp 


6-133 “限制 对 页 的 访问 ”对 话 框 


EEC 单 击 “确定 ”按钮 ， 这 样 ， 就 完成 了 后 台 管 理 主页 面 admin.php 的 制作 ， 预 览 效 


果 如 图 6-134 所 示 。 


健康 养生 Bh 全 来 放假 多 党 味 ， 


wwwjkjan com 


秋季 萝卜 赛 人 参 ， 从 头 到 尾 旋 萝卜 温 身 垦 打 


昭 上 设 炸 比 早上 效果 好 ? 建议 晚饭 后 1 小 时 开始 
管理 员 你 好 ! 请 你 添加 信息 资讯 


牛奶 不 能 空 硕 蝎 ? 蝎 牛 奶 有 五 个 误区 
添加 信息 资讯 
添加 信息 分 类 杰 李 干燥 上 火 《大 食疗 万 降 火 国 召 
礼 理 员 你 好 :请 你 官 理 信息 分 类 秋天 养生 汤 首 和 5 款 保 健 英 菜 
类 型 管理 7 际 健 康 外 生 弘 有 效 调理 防治 消炎 


养生 之 道 [ 修 职 ][ 铀 除 } 
饮食 名 生 [ 修 职 ][ 手 涂 } 
话 动 养生 [ 候 殉 ] [种 | 除 ) 秋季 罕 蜀 感 冒 怎么 办 ? 三 神 议 品 助 你 快 点 好 


宇和 炙 天 气 京 , 让 记 暂 生 歌 


论 莘 必要 论 水 四 种 永 ， 哪 一 种 更 利于 泡 竺 ? 


秋分 过 后 早晚 温差 加 大 到 生 埋 醒 出 外 运动 添 灾 保 瞪 


下 -+ 最 后 -页 


图 6-134 后台 主页 面 的 效果 


6.4.3 ”新 增 信息 页 面 的 设计 


新 增 信息 页 面 mnformation add.php 主要 用 来 实现 插入 信息 的 功能 ， 详 细 操作 步骤 如 下 。 

创建 mformation add.php 静态 页 面 ， 效 果 如 图 6-135 所 示 。 

EEIDy 单 击 “ 绑 定 ”面板 上 的 外 按钮 ， 在 弹出 的 菜单 中 ， 选 择 “ 记 录 集 (查询 )” 命 令 ， 
在 弹出 的 “记录 集 ” 对 话 框 中 ， 输 入 设 定 值 ， 即 如 表 6.12 所 示 的 数据 ， 再 单 击 “ 确 


定 ”按钮 后 ， 就 完成 了 设置 ， 如 图 6-136 所 示 。 


ECEDep 绑 定 记录 集 后 ， 单 击 “ 信 息 分 类 ”的 列表 菜单 ， 在 “信息 分 类 ”列表 菜单 的 
“属性 ”面板 中 ， 单 击 “ 动 态 ”按钮 区 _ 线 .]， 在 弹出 的 “动态 列表 /菜单 ”对 话 


Tf 修 到 [删除] 


[ 修 光 J[ 量 除 ] 
[修改 ][ 册 除 ] 
工 修 次 了 [是 际 ] 
工 修 陵 工 是 除 ] 
工 修 坎 了 是 除 ] 
工 停机 了 是 除 ] 
工 修改 ][ 删 除 ] 
工人 改 了 是 除 ] 
工人 下 卫队] 


框 中 设置 如 表 6.13 所 示 的 数据 ， 设 置 完成 后 ， 界 面 如 图 6-137 所 示 。 


中 沙 册 只 尖 嵌 灵 二 溃 省 才 9 小 


多 MAN8VJy8 


外 
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管理 员 ， 你 好 ! 请 你 添加 信息 : 


信息 内 容 : 


发 送 」 | 本 号 | 。 天 "号 为 必需 硕 目 


6-135 ”新 增 信息 页 面 


表 6.12 “记录 集 ” 的 设 定 


属性 | 设置 入 | 属性 | 
名 称 列 
连接 
表格 排序 
表 6.13 “动态 列表 /菜单 ”的 设 定 
属 性 设置 值 
来 自 记录 集 的 选项 Recordsetl 
值 type id 
标签 type_name 
选取 值 等 于 Recordsetl 记录 集中 的 type_name 字段 
a | [= 画 
名 区: Recordsetl 马丁 司 可 [informstion-type" 在 素 单 “6 =] 一 -一 
连 所 -Enfermet on (| [取消 _] 着 志 法 项 [十 |) EI 一 一 一 
CL Ma |] 什 标签 于 
二 | 
未 自 记录 集 的 法 项 [Recorasetl | 
第 选 : 无 ~] - 什 |type_id = 
URL 区 数 ] 标 位- [type_nane = 
排序 [无 =] 升序 入 取信 等 于 到 
图 6-136 “记录 集 ” 对 话 框 6-137 “动态 列表 /菜单 ”对 话 框 
EEC) 单 击 “ 选 取 值 等 于 ” 右 侧 的 按钮 到， 弹出 “动态 数据 ”对 话 框 ， 在 其 中 选择 记 


录 集 的 type_name 字段 ， 如 图 6-138 所 示 。 
EEJD) 单 击 “ 确 定 ” 按 钮 返回 ， 完 成 动态 数据 的 绑 定 ， 如 图 6-139 所 示 。 


[information_type” 在 表单 “6 =] 
A 


域 [ 电 印记 录 集 Recoraset1) 值 标签 


type_id 


下 


[第 一 个 记录 索引 ] 
[最 后 一 个 记录 索引 ] 
[总 记录 数 ] 


加 


采 自 记录 入 的 选项 


加 


<E (Recordset1. Fields. Iten(” 图 


FS 


RY OF Recordsetl. Fields. Iten Ctype. 


图 6-138 “动态 数据 ”对 话 框 图 6-139 “动态 列表 /菜单 ”对 话 框 


E> 将 光标 定位 在 “发 送 ”按钮 的 左 侧 ， 选 择 “插入 ”一 “表单 ”一 “隐藏 域 ” 合 
令 ， 命 名 为 “inf time”， 然 后 在 “属性 ”面板 的 “ 值 ”文本 框 中 输入 如 下 代码 ; 


<?php echo date ("Y-m-d H:i:s")?> 


如 图 6-140 所 示 。 


NI 隐藏 区 域 
int time | 值 W) | 人 php echo date CY-n-d lti:s")? 让 妥 


图 10-140 ”设置 隐藏 区 域 的 名 称 和 值 


EU 单 击 “应 用 程序 ”面板 组 中 “服务 器 行为 ”面板 上 的 外 按钮 ， 在 弹出 的 菜单 
中 ， 选 择 “ 插 入 记录 ”命令 ， 弹 出 “插入 记录 ”对 话 框 ， 输 入 如 表 6.14 所 示 的 数 
据 ， 并 设 定 “插入 后 ， 转 到 ”后 台 管 理 主页 面 admin.php， 如 图 6-141 所 示 。 


表 6.14 “插入 记录 ”的 设 定 


| 设置 人 | 属性 | 
获取 什 自 


插入 到 表格 表单 字段 与 数据 表 字段 相对 应 
插入 后 ， 转 到 admin.php 
GET 单 击 “ 确 定 ”按钮 ， 完 成 插入 记录 功能 ， 选 择 “ 窗 口 ”一 “行为 ”菜单 命令 ， 
出 现 “ 行 为 ”面板 ， 单 击 “ 行 为 ”面板 上 的 国 按钮 ， 在 弹出 的 菜单 中 ， 选 择 “ 检 查 
表单 ”命令 ， 弹 出 “检查 表单 ”对 话 框 ， 设 置 “ 值 ”为 “必需 的 ”，“ 可 接受 ”为 
“任何 东西 ”， 如 图 6-142 所 示 。 


[es 


党 洪 浪 莘 尖 出 如 让 二 :由 9 关于 
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案例 课堂 由 


扫 交 值 ， 全 [Foral | 瑟 琵 
连接 :infornation = | | 
插入 委 格 - [infornation 四 | 部 助 
| 
| 


全 [FO inf_title 4 
提交 为 : | 文本 9 
插入 后 转 到 : adnin. php 


6-141 “插入 记录 ”对 话 框 


input “infornation ile 
input “infornation suthor” 


惑 


值 回 [ 必 有 的 


可 接受 :全 任何 东西 © ns 
日 电子 邮件 地 址 回 数 3 从 到 


图 6-142 “检查 表单 ”对 话 框 


国 于 BY 单 击 “确定 ”按钮 回 到 编辑 页 面 ， 就 完成 了 information_add.php 页 面 的 设计 。 
保存 文件 后 预览 效果 ， 在 其 中 根据 提示 输入 需要 添加 的 信息 内 容 ， 如 图 6-143 所 示 。 


OB hep/ocahostinews/information 2dd.pho BoD" nox 


子 不 旺 老 ”。 i 毒 和 最 突出 的 特 ， 
可 能 补 中 益 气 、 养 血 主 津 。 
疼 记 维生素 合生 更 丰富 :但 是 它 有 时 令 性 ， 趟 能 党 天 到 ， 而 且 郊 
应 可 能 伤害 洪 化 功能 。 干 杰 虽 然 经 主 率 合 量 下 降 ， 旧 潜 合 旦 升 总 ， 而 
上 且 其 营养 更 易 吸 收 ， 更 适合 启 疗 ,这 里 介绍 几 钟 大 灾 的 说 疗 从 法 。 
1. 红 球 泡 水 ， 闫 肝 排毒 
红 吉 的 一 个 冲 交 网 节 滨 定 着 它 功 部 的 高 多。 红 素 时 皮 坚 町 不 好 消 
ee 往 难 将 其 有 效 成 分 完全 党 出 ， 因 此 最 好 将 其 乔 开 
和 . 红 束 泡 茶 

村 He 胃病 。 各 杂 再 放 入 柱 圆 ， 就 是 
人 Et 、 宣 业 吕 等 信用 既 子 扬 训 科 高 的 人 。 


唐 代 盏 许 所 善 《 必 站 方 尖 中 记载 了 将 红 专 、 银 耳 和 冰 头 一 起 者 


» 本 
| 人 到 下 业 检 图 费时 ， 打 只 鸡蛋 : 兰 续 用 小 


. 红 忒 热线 ， 实 神助 卢 
中 医 上 讲 ， 女 性 有 阴部 不 安 、 心 神 不 十 等 定 决 ， 可 用 适 里 百 全 、 +* 


六 | ”| 生计] 营 - 力 必 半 所 


5 


| 信息 内 容 : 


加 


6-143 ”添加 信息 


mn 
第 
ED 单 击 “ 发 送 ”按钮 ， 即 可 将 信息 内 容 添 加 到 网 站 后 台数 据 库 中 ， 并 在 管理 员 主 。 所 
页 面 中 显示 出 来 ， 如 图 6-144 所 示 。 
发 
SS 愿 hapy/localhosynewsyadminphp Pp-acox)r 外 
- 好 
a als 高 
Ow [下 7 演 克 岗 : 
红 惠 六 种 黄 全 临 法 补血 又 养 叶 
fehhhhh 


管理 员 你 好 ! 请 你 添加 信息 资讯 
秋季 萝卜 赛 人 备 ， 从 头 到 尾 疙 亲 卜 强身 健 体 


添加 信息 资讯 
添加 信息 分 类 上 晚上 铬 炼 比 摆 上 牙 果 好 ? 建议 晚饭 后 1 小 时 开始 
管理 员 你 好 ! 请 你 管理 信息 分 类 ! 牛奶 不 能 空 唱 ? 喝 牛 如 有 五 个 误区 
类 型 管理 秋季 二 如 上 火 4 大 食疗 方 降 火 局 烛 
吉 生 之 省。 [修改] [Wt] 秋天 养生 汤 首选 5 苛 保 健 东区 


饮食 养生 [修改 ] 【删除 ] 


运动 养生 [修改 ] 【出院 ] 7 坦 健 碌 养生 粥 有 效 调理 防治 崩 炎 
到 


Er 


图 6-144 成功 添加 信息 后 的 效果 


6.4.4 修改 信息 页 面 的 设计 


修改 信息 页 面 information_upd.php 的 主要 功能 是 将 数据 表 中 的 数据 送 到 页 面 的 表单 中 进 
行 修改 ， 修 改 数据 后 ， 再 将 数据 更 新 到 数据 表 中 。 
详细 操作 步骤 如 下 。 
EP 打开 information updphp 页 面 ， 单 击 “ 应 用 程序 ”面板 组 中 “ 绑 定 ” 面 板 上 的 
外 按钮 ， 在 弹出 的 菜单 中 ， 选 择 “ 记 录 集 (查询 )” 命 令 ， 在 弹出 的 “记录 集 ” 对 话 
框 中 ， 输 入 如 表 6.15 所 给 出 的 数据 ， 然 后 单 击 “确定 ”按钮 ， 这 样 就 完成 了 设置 ， 
如 图 6-145 所 示 。 


表 6.15 “记录 集 ” 的 设 定 


| 属性 | 
名 称 
连接 
表格 
TZ 用 同样 的 方法 ， 再 绑 定 一 个 记录 集 Recordset2， 在 “记录 集 ” 的 设 定 对 话 框 中 输 
入 如 表 6.16 所 给 出 的 数据 ， 该 记录 集 用 于 实现 下 拉 列 表 框 动态 数据 的 绑 定 ， 然 后 单 
击 “确定 ”按钮 ， 完 成 设置 ， 如 图 6-146 所 示 。 
EEe) 在 绑 定 记录 集 后 ， 将 记录 集 的 字段 插入 到 information upd.php 网 页 中 的 适当 位 
置 ， 如 图 6-147 所 示 。 


属性 | 设置 信 | 


外 
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表 6.16 “记录 集 ” 的 设 定 


属 性 设置 值 
名 称 Recordset2 
连接 information 
表格 information type 


名 得: Recordset1 


连接 : [information zx] [定义 i [infermation 


表格 -| information inferaation_type 
加 全 部 “个 进 定 的 : 
[7 
国 
inf_id 
[3 
6-145 “记录 集 ” 对 话 框 图 6-146 设置 记录 集 Recordset2 
管理 员 ， 你 好 ! 请 你 修改 信息 : 
信息 标题 : {Recordset1, inf_title} 
本 新 时 间 : 
信息 分 类 : 双 作者 : IRecorasetil] 
{Recordset1, inf_content} 加 
信息 内 容 : 
更 新 重 设 


图 6-147 字段 的 插入 

EEC 在 “更 新 时 间 ” 一 栏 中 ， 必 须 取得 系统 的 最 新 时 间 ， 方 法 是 在 “更 新 时 间 ” 的 
文本 域 属性 栏 中 为 初始 值 加 入 代码 (如 图 6-148 所 示 ): 
<?php echo date("Y-m-d H:i:s")?> 
// 取 得 系统 当前 时 间 

EEIDy 单 击 “ 信 息 分 类 ”的 列表 菜单 ， 在 “信息 分 类 ”列表 菜单 的 “属性 ”面板 中 ， 
单 击 “ 动 态 ”按钮 区 “is ]， 在 弹出 的 “动态 列表 /菜单 ”对 话 框 中 设置 如 表 6.17 
所 示 的 数据 ， 如 图 6-149 所 示 。 


mn 
第 

EC 单 击 “ 选 取 值 等 于 ”后 面 的 “动态 数据 ”按钮 ， 弹 出 “动态 数据 ”对 话 框 ， 在 并 
其 中 选择 Recordsetl 记录 集中 的 type_id 字段 ， 如 图 6-150 所 示 。 

EEID9 将 光标 定位 在 “ 重 设 ”按钮 右 侧 ， 选 择 “ 插 入 ”一 “表单 ”一 “隐藏 域 ”菜单 区 
命令 ， 命 名 为 “inf id”， 然 后 在 “属性 ”面板 中 的 “ 值 ”文本 框 中 输入 如 下 代码: 本 
<?php echo $row Recordsetl['inf id']; ?> 关 
如 图 6-151 所 示 。 3 

国 文本 域 字符 灾 度 0) 30 | 类 型 可 单行 6) 。 口 多 行 胃 。 口 覃 得 中 
Jinf_tine | 最 多 字符 数 | “| 初始 值 CY) | 人 php echo date(Y-nd Hi:s")?> | 殉 
口 禁 用 四 ) 
四 


图 6-148 加 入 代码 取得 最 新 时 间 
表 6.17 “动态 列表 /菜单 ”的 设 定 


属 性 设置 值 
来 自 记 录 集 的 选项 Recordset2 
值 id 
标签 type_name 
选取 值 等 于 Recordsetl 记录 集中 的 tpye id 字段 
ne 在 素 和 -Earl 一 
人 者 六 项 图 口 回回 C2] 城 [ 瑟 镶 rt 
什 标签 ba inf_title 
人 inf_content 
Finftine 
inf_author 
来 自 记录 集 的 选项 [Recordset2 一 田 汪 记录 集 (Recordset2) 
值 [bpe-id = 
行人 psnme | 
2 机 
EY ?php echo $row_Recordsetl[ type. 
图 6-149 “动态 列表 /菜单 ”对 话 框 图 6-150 “动态 数据 ”对 话 框 


NI 隐藏 区 域 
[inf id 值 g [cphp echo grov_KRecordsetl[ inf | 到 


6-151 ”设置 隐藏 区 域 的 名 称 和 值 


ET 完成 表单 的 布置 之 后 ， 在 information_ updphp 页 面 中 单 击 “ 应 用 程序 ”面板 组 
中 “服务 器 行为 ”面板 上 的 四 按钮 ， 在 弹出 的 菜单 中 ， 选 择 “ 更 新 记录 ”命令 ， 如 


外 
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图 6-152 所 示 。 


6-152 ”选择 “更 新 记录 ”命令 
EEC 在 弹出 的 “更 新 记录 ”对 话 框 中 ， 输 入 如 表 6.18 所 给 出 的 值 ， 如 图 6-153 


所 示 。 
表 6.18 “更 新 记录 ”的 设 定 
属 性 设置 值 

提交 值 ， 自 forml 

连接 information 

更 新 表格 information 

表单 元 素 表单 字段 与 数据 表 字 段 相对 应 
唯一 键 列 inf id 

在 更 新 后 ， 转 到 admin.php 


提交 值 ， 自 : |fornl 可 确定 
连接 : |information ~ 取消 
更 新 表格 : [information ~ | 帮助 | 
到 : inf id 使 用 “PON inf id 作为 “可 雪 ”来 读 择 记录 


| typ 

inf_content” 从 "FORM inf_content 作 
inf_time” 从 ”FORM. inf_time” 获取 日 
inf_anthor ”从 “FORMI. inf_author” 获 到 内 


值 - PDM inf_id 下 
提交 为 : [整数 陪同 主 他 
在 更 新 后 , 转 到 - adnin. php GEE. 


图 6-153 “更 新 记录 ”对 话 框 
EC 单 击 “ 确 定 ”按钮 ， 完 成 修改 信息 页 面 的 设计 。 预 览 效 果 如 图 6-154 所 示 。 


售 186 


管理 员 ， 你 好 请 你 修改 信息 ! 


信息 标题: 红 束 六 种 黄金 吃 法 补血 又 养 肝 
于 WH 间 :|2015/9729 18:24:05 
信息 类: 人 全 区 


非 子 不 显 老 ”。 红枣 最 突出 的 特点 是 “^ 
和 于 能 补 中 益 气 、 养 血 生 津 < 这 里 介绍 几 种 


1 人 i 
红 吉 的 一 于 和 寺村 二 十 苦 它 功效 的 高 克 。 红 束 果皮 坚韧 不 好 消 
a 很 难 将 其 有 效 成 分 完全 溶出 ， 因 此 最 好 将 其 猎 开 


2 
六 光 各 具 光 基 必 ， 司 为 闻 守 、 内 病 。 
es 3 

cp 银耳 和 冰 着 一 起 间 


WE 补血 养 
月票 各 芭 因 人手 水， 到 素 烂 桂圆 绵 时 ， 打 只 鸡 看 ;继续 用 小 
火 炳 熟 鸡蛋 。 红 率 、 桂 图 和 红糖 都 有 补血 的 功效 ， 章 出 的 鸡 重 很 滋 


补 。 
5. 红 圳 郝 粥 ， 安 神助 眠 

中 医 上 讲 ， 女 性 有 躁 郁 不安、 心神 不 宁 等 证 杖 ， 可 用 适量 百合 、 
EN 车 与 小 米 同意 ， 可 更 好 地 发 挥 红 训 安神 的 效用 。 


E 可 i 


图 6-154 ”修改 信息 页 面 的 效果 NN 
EE 例如 这 里 将 该 信息 的 标题 修改 为 “红枣 的 六 种 吃 法 ! ”， 然 后 单 击 “ 更 新 ” 按 


bab 
涛 洲 岂 号 汉 党 氏 苹 池 中 _ 协 9 洲 恒 


钮 ， 将 会 自动 转 到 admin.php 页 面 中 ， 在 其 中 可 以 看 到 修改 之 后 的 信息 ， 如 图 6-155 
所 示 。 


wr: TL a 


红 蛮 的 六 种 吃 法 ! 
fehhhhh 

管理 员 你 好 ! 请 你 添加 信息 资讯 
添加 信息 资讯 秋季 莫 卜 赛 人 参 ， 从 头 到 尾 吃 萝卜 强 身 健 体 
添加 信息 分 类 喀 上 锦 灶 比 早上 效果 好 建议 晚饭 后 1 小 时 开始 
管理 员 你 好 ! 请 你 管理 信息 分 类 ! 牛奶 不 能 空 大 喝 ? 喝 牛 奶 有 五 个 误区 

类 型 管理 秋季 干燥 上 火 4 大 食疗 方 隆 火 再 燥 

部 生 之 遂 。。 【修改 ] [删除 ] 秋天 养生 汤 首 迁 5 款 保健 车 荣 


饮食 养生 【修改 ] 【删除 ] 


运动 养生 [修改 ] [删除 ] ?元 健康 养生 粥 有 效 调理 防治 匀 炎 


痰 茶 必要 论 水 四 种 水 ， 哪 一 种 更 利于 泡 茶 ? 


图 6-155 ”修改 标题 后 的 效果 


6.4.5 ”删除 信息 页 面 的 设计 


删除 信息 页 面 的 方法 与 修改 页 面 的 方法 差不多 ， 其 方法 是 将 表单 中 的 数据 从 站 点 的 数据 
表 中 删除 。 
详细 操作 步骤 如 下 。 
EC 打开 information delphp 页 面 ， 单 击 “ 应 用 程序 ”面板 组 中 “ 绑 定 ” 面 板 上 的 外 
按钮 ， 接 着 ， 在 弹出 的 菜单 中 ， 选 择 “ 记 录 集 (查询 )” 命 令 ， 在 弹出 的 “记录 集 ” 对 
话 框 中 ， 输 入 设 定 值 如 表 6.19 所 示 的 数据 ， 再 单 击 “确定 ”按钮 后 ， 就 完成 了 设 
置 ， 如 图 6-156 所 示 。 


i171®@ 
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表 6.19 “记录 集 查询 ”的 设 定 


名 称 : Recordset1 


连接 : | information 


图 6-156 “记录 集 ” 对 话 框 


本 了 TY 用 同样 的 方法 再 绑 定 一 个 记录 集 ， 在 弹出 的 “记录 集 ” 对 话 框 中 ， 输 入 设 定 值 
如 表 6.20 所 示 的 数据 ， 单 击 “ 确 定 ” 按 钮 后 ， 就 完成 了 设置 ， 如 图 6-157 所 示 。 


表 6.20 “记录 集 ” 的 表格 设 定 


information 


inf type 


连接 - information ”| 定 X. 
ee | 
列 夯 全 部 选 定 的 : 到 -| 
部 助 | 


6-157 “记录 集 ” 对 话 框 


第 

绑 定 记 录 集 后 ， 将 记录 集 的 字段 插入 到 information delphp 网 页 中 的 适当 位 置 ， 昼 
如 图 6-158 所 示 。 其 中 需要 注意 的 是 将 inf id 字段 拖 忠 到 隐藏 域 上 。 | 
管理 员 ， 你 好 ! 你 要 员 除 此 信息 四? 得 

{Recordset1, inf titlej 息 

_ 作 者 : [Recordsetl 说 

{Recordsetl. inf_content} 管 

关 

统 


6-158 ”字段 的 插入 


四 YY 绑 定 记录 集 后 ， 单 击 “ 信 息 分 类 ”菜单 ， 在 “信息 分 类 ”菜单 的 “属性 ”面板 
中 ， 然 后 单 击 “ 动 态 ” 按 钮 区 埃 世 .…. ]， 在 弹出 的 “动态 列表 /菜单 ”对 话 框 中 设置 
如 表 6.21 所 示 的 数据 ， 如 图 6-159 所 示 。“ 动 态 数据 ”对 话 框 如 图 6-160 所 示 。 


表 6.21 “动态 列表 /菜单 ”的 设 定 


属 性 设置 值 
来 自 记录 集 的 选项 Recordset2 
值 type id 
标签 type_name 
选取 值 等 于 Recordsetl 记录 集中 的 type id 字段 
TO 可 EISEEECTEYET 
葛 才 法 项 [ 太 ] 忆 ] 回回 CA | 多 inf id 
= 多 
值 标签 天 
Finf_content 
Finftine 
Finf_author 
es 田 图 记录 集 (Recordset2) 
来 自 记录 和 集 的 选项 |Recordset2 - 
舍 [emeid ~] 
标签 [tpe_nane 
选取 值 等 于 : 《?php echo $row_Recordset1[ 名 格式 : En 
找 码 ;5 <?php echo $row Recordsetl[ type 
6-159 ” 绑 定 “动态 列表 /菜单 ” 6-160 “动态 数据 ”对 话 框 


EEIRD) 完成 表单 的 布置 后 ， 要 在 information_ del php 页 面 中 单 击 “ 应 用 程序 ”面板 组 中 


二 
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“服务 器 行为 ”面板 上 的 外 按钮 ， 在 弹出 的 菜单 中 ， 选 择 “删除 记 录 ” 命 令 ， 在 弹 
出 的 “删除 记录 ”对 话 框 中 ， 输 入 设 定 值 ， 如 表 6.22 所 示 ， 设 置 如 图 6-161 所 示 。 


表 6.22 “删除 记录 ”的 设 定 


属 性 设置 值 属 性 设置 值 
首先 检查 是 否 已 定义 变量 | 主键 值 主键 列 inf id 
连接 information 主键 值 inf i 


从 表格 中 删除 删除 后 ， 转 到 


首先 检查 是 否 己 定义 交 重 - 主 串 值 7] 
连接 - | information 下 
表格 :| information 下 
主 刍 列 : [iatid 。  ] 回 数值 
主 狂 值 |URL 基数 =] irf_id | 
删除 后 ， 转 到 : adnin. php NE | 


图 6-161 “删除 记录 ”对 话 框 


EECRD 单 击 “确定 ”按钮 ， 完 成 删除 信息 页 面 的 设计 。 然 后 进入 网 站 的 后 台 管 理 中 
心 ， 如 图 6-162 所 示 ， 在 这 里 可 以 对 网 页 的 信息 进行 删除 和 修改 处 理 。 


【< 同 站 ee o-oo 
| se J 
RT WA] EW CE TE wo 
健康 养生 [9 于 
win 1 来 下 由 
届 素 阶 六 字 检 去 ! [ 基 改 ] [删除 ] 
| aan I 
党 吕 全 他 + 训 你 芝 二 后生 匀 
se 攻 本 要 人 要 分， 从 头 到 卫 人 雪上 福生 全 地 [el] E 
| 漳 加 信息 分 大 岳 上 外 性 比 早 上 效果 好 站 泛 访 欢 锋 后 ;小时 开始 [区 起 ] f 副 险 1 
| 芝 昌 员 作 好: 雇 作 千 理 信息 分 大 : 牛 拓 不 能 空 基 聊 ? 怠 个 媚 有 五 个 设 到 【这 a] TNR 
i wa 全 上 4 区 
前 生 之 道 。。 【相交 】[ 叶 的 ] 次 天 养生 各 首 庄 5 下 公仔 下 芝 [| 
人 和 二 上 ] 
jes 和 过失 EE] 
es 二 ta 
TE ta 
下 十 最 后 -页 
aa 


图 6-162 后台 管理 中 心 
ES 单 击 想 要 删除 信息 后 面 的 “删除 ”链接 ， 进 入 删除 信息 页 面 ， 如 图 6-163 所 示 。 
EEC) 单 击 “ 删 除 ”按钮 ， 返 回 到 后 台 管 理 中心 页 面 中 ， 可 以 看 到 ， 选 择 的 信息 被 删 
除了 ， 如 图 6-164 所 示 。 


全 i 


-20x 


Me 


CR 
和 
和 优化 上 车? 六 了 后 LH 他 


0 
Ep EEN 
WAN! HE TE 
a a WAN a 
2 1 和 和 


ET 
HEP HA 
A 


J 


图 6-163 ”删除 信息 页 面 图 6-164 ”删除 信息 后 的 效果 


6.4.6 ”新 增 信息 分 类 页 


新 增 信息 分 类 页 面 type_add.php 的 功能 是 将 页 面 的 表单 数据 新 增 到 information type 数据 
表 中 。 
详细 操作 步骤 如 下 。 
EC 打开 type_add.php 页 面 ， 单 击 “ 应 用 程序 ”面板 组 中 “ 绑 定 ”面板 上 的 国 按 
钮 ， 接 着 ， 在 弹出 的 菜单 中 ， 选 择 “ 记 录 集 (查询 )” 命 令 ， 在 弹出 的 “记录 集 ” 对 话 
框 中 ， 输 入 设 定 值 如 表 6.23 所 示 的 数据 ， 然 后 单 击 “ 确 定 ” 按 钮 ， 就 完成 了 设置 ， 
如 图 6-165 所 示 。 


表 6.23 “记录 集 查询 ”的 设 定 


| 设置 人 | 属性 | 
列 


information 


information type 


名 称 : Recordsetl CC 
连接 [inforaation 9 [Fm | | 
L Ma] 
EE 

孝 助 


图 6-165 “记录 集 ” 对 话 框 


" 自 


芍 测 岗 友 洛 典 名 亦 由 导 才 
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ET 单 击 “应 用 程序 ”面板 组 中 “服务 器 行为 ”面板 上 的 外 按钮 ， 在 弹出 的 菜单 
中 ， 选 择 “插入 记录 ”命令 ， 在 弹出 的 “插入 记录 ”对 话 框 中 ， 输 入 如 表 6.24 所 示 
的 数据 ， 并 设 定 新 增 数 据 后 转 到 系统 管理 主页 面 adtmin php， 如 图 6-166 所 示 。 


表 6.24 “插入 记录 ”的 设 定 


属 性 设置 值 

连接 information 
插入 到 表格 inf type 
插入 后 ， 转 到 admin.php 
获取 值 自 forml 
表单 元 素 表单 字段 与 数据 表 字 段 相对 应 

提交 值 ， 自 :fornl ] 确定 

连接 : [infernation = CI] 
插入 表格 : |information_type - 帮助 
殊 IT TE i 
全 [POR type nne 和 
提交 为 : | 文本 
揪 入 后 ， 转 到 : adnin. php 


图 6-166 设 定 “ 插 入 记录 ” 


区 TB> 选择 表单 ， 选 择 “ 窗 口 ” 一 “行为 ”菜单 命令 ， 打 开 “ 行 为 ”面板 ， 单 击 “ 行 
为 ”面板 中 的 办 按钮 ， 在 弹出 的 菜单 中 ， 选 择 “ 检 查 表单 ”命令 ， 弹 出 “检查 表 
单 ” 对 话 框 ， 设 置 “ 值 ”为 “必需 的 ”，“ 可 接受 ”为 “任何 东西 ”， 如 图 6-167 
所 示 。 


域 


值 : 园 | 必 昌 的 


可 接受 ， 回 任何 东西 
日 电子 邮件 地 址 


图 6-167 “检查 表单 ”对 话 框 


全 "2 


第 

四 EY》 单 击 “ 确 定 ”按钮 ， 完 成 type_add.php 页 面 的 设计 。 在 下 浏览 器 中 打开 网 站 后 。 外 
台 管 理 中 心 页 面 ， 在 其 中 单 击 “添加 信息 分 类 ”链接 ， 如 图 6-168 所 示 。 量 
发 
机 Jnl hs 个 
如 如 来 放假 We 小 § 
红 训 的 六 种 屹 法 ! 加 
秋季 萝卜 赛 人 者， 从头 到 尾 吃 萝 卜 强身 健 体 理 
管理 员 你 好 ! 请 你 添加 信息 资讯 系 
添加 信息 资讯 驹 上 锌 炼 比 早 上 效果 好 人 建议 晚饭 后 1 小 时 开始 统 

WN 牛奶 不 能 空 厦 蝎 ? 喝 牛 奶 有 五 个 误区 

管理 员 你 好 ! 请 你 管理 信息 分 类 } 秋季 干燥 上 火 4 大 食疗 方 降 火 馈 爆 

类 型 管理 秋天 养生 汤 首选 5 教 保健 蔬菜 
养生 之 道 【修改 】 【删除 ] 7 蒜 健 康 养生 粥 有 效 调理 防治 峭 炎 ， 
饮食 养生 [修改 ] 【删除 ] 


运动 养生 [修改 ] [ 副 除 ] 谈 茶 必 要 论 水 四 种 水 ， 哪 一 种 更 利于 泡 茶 ? 
秋季 容易 感冒 怎么 办 ? 三 种 饮品 助 你 快 点 好 
金秋 天 气 京 , 牢记 尊 生 歌 


IGG 


图 6-168 单 击 “ 添 加 信息 分 类 ”链接 


EED 弹出 “添加 类 型 ”页 面 ， 在 “信息 分 类 名 称 ” 文 本 框 中 输入 “四 季 养 生 ”， 如 
图 6-169 所 示 。 


| 管理 员 ! 请 你 添加 信息 分 类 ! 
信息 分 类 名 称 : | 四 季 养生 


图 6-169 “添加 类 型 ”页 面 


莉 于 BY 单 击 “ 添 加 ”按钮 ， 即 可 完成 信息 分 类 的 添加 操作 ， 打 开 “ 健 康 养生 ”网 站 的 
首页 ， 在 其 中 可 以 看 到 添加 的 养生 分 类 信息 “四 季 养 生 ”， 如 图 6-170 所 示 。 


健康 养生 


www.jkjan .com 


养生 分 类 最 新 养生 资讯 Information 
人 红 吉 的 六 种 吃 法 ! 2015/9/29 18:28:23 
雇 食 养生 
运动 养生 秋季 萝卜 赛 人 参 ， 从 头 到 尾 吃 萝卜 强身 健 体 2015/3/14 16:48:32 
四 季 养 生 


晚上 被 炬 比 早 上 效果 好 ? 建议 晚饭 后 1 小 时 开始 2015/3/15 11:26:22 


图 6-170 添加 的 养生 分 类 信息 “四 季 养 生 ” 
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6.4.7 修改 信息 分 类 页 面 


修改 信息 分 类 页 面 type_updphp 的 功能 ， 是 将 数据 表 的 数据 送 到 页 面 的 表单 中 进行 修 
改 ， 修 改 数据 后 ， 再 更 新 至 数据 表 中 。 


详细 操作 步骤 如 下 。 


EEC 打开 type updphp 页 面 ， 单 击 “ 应 用 程序 ”面板 组 中 “ 绑 定 ”面板 上 的 办 按 
钮 。 接 着 ， 在 弹出 的 菜单 中 ， 选 择 “记录 集 (查询 )” 命 令 ， 弹 出 “记录 集 ” 对 话 框 ， 


在 其 中 输入 设 定 值 ， 如 表 6.25 所 示 ， 单 击 “ 确 定 ” 按 钮 就 完成 设 定 了 ， 如 图 6-171 
所 示 。 


表 6.25 “记录 集 ” 的 设 定 


列 


排序 


名 称 : Recordset1 


[information 


[infornation_type 


加 全 部 是 选 定 的 
peid 
type nne 


图 6-171 “记录 集 ” 对 话 框 
EEJPy 绑 定 记录 集 之 后 ， 将 记录 集 的 字段 插入 到 type_upd.php 网 页 中 的 适当 位 置 ， 如 
图 6-172 所 示 。 其 中 需要 注意 的 是 将 type_id 字段 拖 电 到 隐藏 域 上 。 


管理 员 ! 请 你 修改 信息 分 类 ! 


分 类 名 称 : | {Recordsetl.type_nane} | 加 


[修改 ] [ 重 瑟 


图 6-172 字段 的 插入 


EESSp 完成 表单 的 布置 后 ， 在 type_upd.php 页 面 中 ， 单 击 “ 应 用 程序 ”面板 组 中 “ 服 
务 器 行为 ”面板 上 的 的 按钮 ， 在 弹出 的 菜单 中 ， 选 择 “ 更 新 记录 ”命令 ， 在 弹出 的 


Gu 


第 
“更 新 记录 ”对 话 框 中 ， 输 入 如 表 6.26 所 示 的 设 定 值 ， 设 定 后 如 图 6-173 所 示 。 昌 

表 6.26 “更 新 记录 ”的 设 定 委 

属 性 设置 什 属 性 设置 什 册 

连接 information 在 更 新 后 ， 转 到 | admin php 亨 
要 更 新 的 表格 inf_type 获取 值 自 foml 管 
选取 记录 自 Recordsetl 表单 元 素 表单 字段 与 数据 表 字 段 相 对 应 肥 
唯一 键 列 统 


连接 : |information ”|[ 定 义 .] 
要 更 新 的 表格 : |information_type - 
选取 记录 自 : |Recordsetl ~ 
只 一 刍 列 : [type_id 团 数值 

在 更 新 后 ， 转 到 : adnin. asp 
获取 值 自 : forml | (在 提交 时 ) 
表单 元 素 - 
列 | type_nane 二 
提交 为 : | 文本 - 
图 6-173 “更 新 记录 ”对 话 框 


ED 单 击 “确定 ”按钮 ， 完 成 修改 信息 分 类 页 面 的 设计 。 在 下 浏览 器 中 打开 网 站 后 
台 管 理 中 心 页 面 ， 在 其 中 单 击 信息 分 类 后 面 的 “修改 ”链接 ， 如 图 6-174 所 示 。 


管理 员 你 好 ! 请 你 添加 信息 资讯 
添加 信息 资讯 
添加 信息 分 类 


管理 员 你 好 ! 请 你 管理 信息 分 类 


类 型 管理 
养生 之 道 [修改 ] [ 员 除 ] 
饮食 养生 [修改 ] 【删除 ] 
运动 养生 [修改 ] 【删除 ] 
四 季 养生 [修改 ] 【删除 ] 


ba 


红枣 的 六 种 吃 法 ! 
秋季 萝卜 赛 人 参 ， 从 头 到 尾 吃 萝卜 强身 健 体 
挽 上 锻炼 比 早上 效果 好 ? 建议 晚饭 后 1 小 时 开始 


4 


牛奶 不 能 空 原 喝 ? 喝 牛奶 有 五 个 误区 
秋季 干燥 上 火 4 大 食疗 方 降 火 河 爆 
秋天 养生 汤 首选 5 元 保健 蔬菜 


7 教 健康 养生 粥 有 效 调理 防治 东 炎 
痰 茶 必 要 论 水 四 种 水 ， 哪 一 种 更 利于 泡 茶 ? 
秋季 容易 感冒 怎么 办 ? 三 种 饮品 助 你 快 点 好 
全 秋天 气 京 , 牢记 养生 歌 


6-174 ”后 台 管理 中 心 页 面 
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ED 弹出 “修改 类 型 ”页 面 ， 在 其 中 可 以 对 信息 进行 修改 ， 如 这 里 将 “四 季 养 4 
修改 为 “冬季 养生 ”， 如 图 6-175 所 示 。 


管理 员 ! 请 你 修改 信息 分 类 ! 
EE 
| EE 


6-175 ”修改 分 类 名 称 


本 于 BY 单 击 “ 修 改 ” 按 钮 ， 即 可 完成 信息 分 类 的 修改 操作 ， 进 入 后 台 管 理 中 心 页 面 
中 ， 可 以 看 到 修改 后 的 结果 ， 如 图 6-176 所 示 。 


红 束 的 六 种 吃 法 ! 

管理 员 你 好 ! 请 你 添加 信息 资讯 秋季 萝卜 赛 人 戎 ， 从 头 到 尾 吃 葛 仆 强身 健 体 
添加 信息 资 读 晚上 锻 炸 比 早上 效果 好 ? 建议 晚饭 后 1 小 时 开始 
添加 信息 分 类 


牛奶 不 能 空 有 喝 ? 虽 咎 奶 有 五 个 误区 
Gd 秋季 干燥 上 火 4 大 食疗 方 降 火 洒 如 


os 秋天 养生 汤 首先 5 孝 保 健 世 荣 
养生 之 道 。 [修改 ] [前 除 ] 
雇 食 间 生 [修改 ] [出 除 ] 1 雪人 康 养 生 粥 有 效 调理 防治 入 类 


运动 养生 [修改 ] [删除 ] 


谈 条 必要 论 水 四 种 水 ， 哪 一 种 更 利于 泡 茶 ? 
[修改 ] 【删除 ] 


秋季 容易 区 骨 怎么 办 ? 二 种 饮品 助 你 快 点 反 
6-176 ”修改 后 的 结果 


6.4.8 删除 信息 分 类 页 面 


删除 信息 分 类 页 面 type_del.php 的 功能 ， 是 将 表单 中 的 数据 从 站 点 的 information_ type 数 
据 表 中 删除 。 详 细 操 作 步 骤 如 下 。 


GETTY 打开 type_delphp 页 面 ， 单 击 “ 应 用 程序 ”面板 组 中 “ 绑 定 ”面板 上 的 因 按 钮 ， 
在 弹出 的 菜单 中 选择 “记录 集 ( 查 询 )” 命 令 ， 在 弹出 的 “记录 集 ” 对 话 框 中 输入 设 定 
值 如 表 6.27 所 示 的 数据 ， 单 击 “ 确 定 ” 按 钮 ， 就 完成 了 设置 ， 如 图 6-177 所 示 。 


表 6.27 “记录 集 查 询 ” 的 设 定 


type id 二 URL 参数 type id 


(日 
口 
第 
OO 
二 
各 各: Rectype 
连接 - [infornation 了 [十 Ra | 取消 | 刑 
表格 :| information_type - 一 一 | 各 
殊 回 全 部 日 选 定 的 - 高 级 … 息 
- 二 资 
type_id 讯 
tenane 从 
理 
人 征 先 : [type_id =]E = 系 
UL 参数 | ypeia ] 
排序 [无 了 [升序 "| 


图 6-177 “记录 集 ” 对 话 框 NN 
GET 绑 定 记录 集 后 ， 将 记录 集 的 字段 插入 type_deLphp 网 页 的 适当 位 置 ， 如 图 6-178 NN 
所 示 。 其 中 需要 注意 的 是 将 type_id 字段 拖 电 到 隐藏 域 上 。 


AM 


管理 员 ! 您 确定 要 删除 此 分 类 信息 吗 ? 


分 类 名 称 :| {Rectype. type_nane} J 


图 6-178 ”字段 的 插入 


BY 单 击 “ 应 用 程序 ”面板 组 中 “服务 器 行为 ”面板 上 的 外 按钮 ， 在 弹出 的 菜单 
中 ， 选 择 “删除 记录 ”命令 ， 在 弹出 的 “删除 记录 ”对 话 框 中 ， 输 入 如 表 6.28 所 示 
的 设 定 值 ， 设 置 情况 如 图 6-179 所 示 。 


表 6.28 “删除 记录 ”的 设 定 


首先 检查 是 否 已 定义 变量 
i 
从 表格 中 删除 删除 后 ， 转 到 


图 6-179 “删除 记录 ”对 话 框 
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基 了 YY 代码 加 入 完成 后 ， 在 正 浏览 器 中 打开 后 台 管理 中 心 页 面 ， 单 击 “ 冬 季 养 生 ” 信 
息 分 类 后 面 的 “删除 ” 超 链 接 ， 如 图 6-180 所 示 。 
nl 


健康 养生 


wwwjkjan .com 


红 束 的 六 种 星 法 : 

管理 员 你 好 ! 请 你 添加 信息 资讯 秋季 莫 卜 赛 人 袁 ， 从 头 到 民 吃 葛 卜 强身 健 体 
添加 信息 次 计 晚上 急 炼 比 早上 效果 好 ? 建议 晚饭 后 1 小 时 开始 
添加 信息 分 类 


牛奶 不 能 空 须 蝎 ? 唱 牛奶 有 五 个 误区 
管理 员 你 好 ! 请 你 管理 信息 分 类 秋季 干燥 上 火 4 大 食疗 方 降 火 河 爆 


a 秋天 养生 汤 首选 5 款 保健 蔬菜 
并 生 之 道 [修改 ] [出 用 
饮食 养生 。 [修改 ]】 [ 国 除 ] 1 莹 健康 关 生 弗 有 效 调理 防 泊 册 类 
衣 动 林 生 ，【 属 改 ] [WR] 谈 芝 必要 论 水 四 种 水 ， 哪 一 种 更 利于 泡 共 ? 
和 


秋季 埋 易 感冒 所 么 办 ? 三 种 饮品 助 你 快 点 好 
图 6-180 后 台 管 理 中 心 页 面 
| 


本 BY 这 样 即 可 将 该 信息 分 类 删除 。 可 以 看 到 ， 后 台 管理 中 心 页 面 中 已 经 不 存在 该 信 
| 息 分 类 了 ， 如 图 6-181 所 示 。 


ws DI 


和 红 囊 的 六 种 吃 法 上 
秋季 幕 卜 赛 人 参 ， 从 头 到 尾 吃 莫 卜 强身 健 体 
管理 员 你 好 ! 请 你 洒 加 信息 资讯 
添加 信息 资讯 上 晚上 外 炼 比 早 上 效果 好 建议 瞳 饭 后 1 小 时 开始 
添加 信息 分 类 牛奶 不 能 空腹 喝 ? 喝 牛 奶 有 五 个 误区 
管理 员 你 好 : 请 你 管理 信息 分 类 秋季 干 业 上 火 4 大 食疗 方 降 炎 局 烛 
类 型 管理 炙 天 养生 汤 首选 5 款 信 健 荐 菜 
养生 之 道 [修改 ] [删除 ] 1 党 健 康 养生 强 有 效 调理 防治 当 炎 
饮食 养生 【修改 ] [出险 ] _ 
a 该 芝 作 要 论 水 四 和 水 ， 哪 一 种 更 利于 泡 茶 ? 


也 季 宕 时 由 怎么 办 ? 三 种 局 助 点 好 
6-181 删除 了 信息 分 类 


至 此 ， 网 站 信息 资讯 管理 系统 就 开发 完毕 了 ， 读 者 可 以 将 本 章 开 发 信息 资讯 管理 系统 的 
方法 应 用 到 实际 的 大 型 网 站 建设 中 。 


全 1 


全 的 2 必 


或 


村 
二 


的 收集 与 数据 使 
些 会 员 的 数据 ， 也 可 能 为 网 站 带 来 


区 
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3 
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要 的 ， 因 为 网 站 会 员 


<( 污 
2 


(3 


户 管理 系统 是 非常 必 


x( 汤 


一 个 典型 的 网 站 会 员 管 理 系 统 ， 一 般 应 该 具备 用 户 注 册 功 能 、 资 料 修 


仅 可 以 让 网 站 累积 会 员 人 脉 ， 而 且 利 用 这 
习 目 标 ( 已 掌握 的 在 方 框 中 打 勾 ) 


在 动态 网 站 中 ， 用 


学 


2 
3 


改 功能 、 取 回 密码 功能 以 及 用 户 注 销 身份 功能 等 。 


无 穷 的 商机 。 


用 ， 不 
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7.1 系统 的 功能 分 析 


在 开发 动态 网 站 之 前 ， 需 要 规划 系统 的 功能 和 各 个 页 面 之 间 的 关系 ， 绘 制 出 系统 脉络 
， 这 样 ， 可 以 方便 后 面 整个 系统 的 开发 与 制作 。 


7.1.1 规划 网 页 结构 和 功能 
本 章 将 要 制作 的 用 户 管理 系统 的 网 页 及 网 页 结构 如 图 7-1 所 示 。 


到 


用 户 管理 系统 
| index.php 
用 户 登录 模块 找 回 密码 修改 资料 模块 
| I 
loginfail.php welcome.php 
| lostpassword.php userupdate.php 
新 用 户 注册 页 面 I I 
Tegister.php showquestion php userupdateok.php 
I I 
regfail.php regok.php showpassword.php logoot. php 


图 7-1 系统 结构 


本 系统 的 主要 结构 分 为 用 户 登 录 和 找 回 密码 两 个 部 分 ， 整 个 系统 中 共有 12 个 页 面 ， 各 个 
页 面 的 名 称 、 对 应 的 文件 名 和 功能 如 表 7.1 所 示 。 


表 7.1 用 户 管理 系统 的 网 页 设计 


页 面 名 称 功 能 
index.php 实现 用 户 管理 系统 登录 功能 的 页 面 
welcome .php 用 户 登 录 成 功 后 显示 的 页 面 
loginfail php 用 户 登录 失败 后 显示 的 页 面 
Tegister.php 新 用 户 用 来 注册 输入 个 人 信息 的 页 面 
Tegok.php 新 用 户 注册 成 功 后 显示 的 页 面 
Tegfail.php 新 用 户 注册 失败 后 显示 的 页 面 
lostpassword.php 丢失 密码 后 进行 密码 查询 使 用 的 页 面 
showquestion.php 查询 密码 时 输入 提示 问题 的 页 面 
showpassword.php 答对 查询 密码 问题 后 显示 的 页 面 
userupdate.php 修改 用 户 资料 的 页 面 
userupdateok.php 成 功 更 新 用 户 资料 后 显示 的 页 面 
logoot.php 退出 用 户 系 统 的 页 面 
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7.1.2 页面 设计 规划 
本 实例 整体 框架 比较 简单 ， 将 要 建立 的 文件 和 文件 夹 如 图 7-2 所 示 。 


党 洲 迪 只 卫 尖 基 一 台 六 _ 翰 /小 于 


GO 7， [S| a member 

文件 (月 ” 编 汤 (E) 可 看 V) 工具 (1) 帮助 (H) 

组 识 ” 。 包 人 到 中 共享” 刻 呆 。 新建 文 # 交 当 - © 
及 下 雪 由 上 上 只 中 中 只 
[了 notes images indexphp loginfailp logootph lostpassw 
年 击 FS 的 位 置 汉 hp p ordphp 

全 由 
> 中 
jster ke showpass 。 showquest userupdat userul 

He 区 ee word.php ee oe E ee 
国 国 片 

国文 站 

二 覃 乐 间 

] 14 个 对 向 


图 7-2 规划 站 点 的 文件 和 文件 来 


7.1.3 ”网 页 美工 设计 


本 实例 整体 框架 采用 “拐角 型 ”布局 结构 ， 美 工 设计 效果 如 图 7-3 和 7-4 所 示 。 初 学 者 在 
设计 制作 过 程 中 ， 可 以 打开 光盘 中 的 源 代 码 ， 找 到 相关 站 点 的 images( 图 片 ) 文 件 夹 ， 其 中 放置 
了 已 经 编辑 好 的 图 片 。 


让 食堂 采购 更 加 简单 


yd 


请 用户 认 入 注 瑟 注册 信息 ! 
用 户 有 : [ 
= 
[ SEBRS—! 
ame E 
人 
ts | | 
= 
加 a 
wr 
E3030- | 各 台 生 交友 总 15l 
neiss: [| 
Ee 
Whee © Mes or a “es re 
7-3 首页 的 美工 7-4 会 员 注册 页 面 的 美工 
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7.2 ”数据库 的 设计 与 连接 


本 节 主 要 讲述 如 何 使 用 phpMyAdmin 工具 来 建立 用 户 管理 系统 的 数据 库 ， 以 及 如 何 使 用 
Dreamweaver 在 数据 库 与 网 站 之 间 建 立 动态 连接 。 


7.2.1 数据 库 的 设计 


通过 对 用 户 管理 系统 的 功能 分 析 可 以 发 现 ， 这 个 数据 库 应 该 包括 注册 的 用 户 名 、 注 册 密 
码 以 及 个 人 信息 ， 如 性 别 、 年 龄 、E-mail、 电 话 等 。 所 以 在 数据 库 中 必须 包含 一 个 容纳 上 述 信 
息 的 表 ， 称 为 “用 户 信 息 表 ”， 本 案例 将 数据 库 命名 为 member， 创 建 的 用 户 信息 表 member 
的 结构 如 表 7.2 所 示 。 


表 7.2 用 户 数 据 库 member 表 的 设计 


字段 描述 字段 名 | ”数据 类 型 | 主键 | 非 空 | 唯一 | 自 增 


用 户 编号 D Imr) | 是 | 是 | 是 | 是 
用 户 账 号 wemame | VARCHARG0) | 否 | 是 | 在 [到 
用 户 密码 password |vaRcHARC0) | 否 | 是 | | 


密码 进 失 提示 问题 。 | question |varcHaR(0) | 否 | 是 [| 奋 | 到 
密码 提示 问题 答案 | answer jvarcHars) | 否 | 是 |[ 奋 | 到 


真实 姓名 truename |varcHARG0) | 否 | 是 | 五 | 再 
用 户 性 别 Se |varcHAR@) | 五 | 是 | 五 | 否 
用 户 地 址 address | varcHAr(oo) | 五 | 是 | 否 | 加 
联系 电话 tel |varcHaR(oo) | 否 | 是 | 是 | 否 
orca oa | vagcHaRdom | 五 | 五 | 是 | 二 
邮箱 地 址 e-mail | vaRcHAR(50) | 否 | 五 | 是 | 理 
用 户 权限 authority 否 
创建 数据 库 的 步骤 如 下 


EEC 启动 phpMyAdmin， 在 主 界面 左 侧 的 列表 中 单 击 New 链接 ， 如 图 7-5 所 示 。 

EC) 在 文本 框 中 输入 要 创建 的 数据 库 的 名 称 “member”， 然 后 单 击 “创建 ”按钮 ， 
如 图 7-6 所 示 。 

接着 就 要 回 到 phpMyAdmin 的 管理 界面 ， 为 MySQL 中 的 member 数据 库 添加 数 
据 表 。 在 左 侧 列表 中 选择 创建 的 member 数据 库 ， 然 后 在 右 侧 的 页 面 中 输入 添加 的 
数据 表 名 称 和 字段 数 ， 然 后 单 击 “ 执 行 ” 按 钮 ， 如 图 7-7 所 示 。 

ES 按照 表 7.2 的 内 容 设置 数据 表 ， 添 加 的 数据 表 字 段 如 图 7-8 所 示 。 

四 于 BY 在 设置 完毕 之 后 ， 单 击 “ 保 存 ” 按 钮 ， 就 可 以 查看 member 数据 表 了 ， 如 图 7-9 
所 示 。 
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phpMyAdmin 


会 车 本 回 @ 


合 近 合用 的 胡 ) 


一 已 务 因 这 换 徘 序 需 史 各- 站 
rr 区 
二 ， 服务 器 类 型 :MySQL 
， 服务 器 版 本 : 5 5.17 - MySQL 
Community Server (GPL) 


Bs-Largege @ [FChnosesmpites [| |“ Of UT nko 
(vt) 
@ :| pmahommo EE] 


FP ES 
* Apache/2.4.9 (Win32) PHP/S5 -12 
， 数据 库容 户 滴 版 本 : 
mysqnd 5.0.11-dev- 20120503 - 


Sid 
bi9ad53b11c9a57sfdb1067292d73bg 
日 


， PHP 扩展 ;myeqi 加 


图 7-5 phpMyAdmin 的 工作 界面 


四 数据 库 加 SQL a 用户 SA | 
数据 库 

局 则 建 娄 据 库 @@ 

|member 排序 规则 回 


图 7-6 创建 数据 库 member 


| i hapyniocalhosyphpmyedmivepPMAURL2db stucurephp?db=memberambe=aere BP - OX 


La localhost/ mysal wamps.. * | | 
phpMyAdmin 二 a 


aa00e 站 Sa 尺 扫 家 了 直 询 加 SU 局 SA 更 


(全 过 全 用 的 志 ) -。。。 国 | | 为 提 库 中 好 有 未 。 
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7-7 ”新 建 数 据 表 member 


Drea 
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加 
回 


田 
1 


1 
| 加 


上 
| 


国 


Ei 

1ID int(8) UNSIGNED 否 无 AUTO_INCREMENT 多 修 改 
回 3 password varchar(20) gb2312_chinese_ci 否 无 修改 
回 5 answer varchar(50) gb2312_chinese_ci 否 无 鹃 修改 

EE 
回 7 sex varchar(2) ”gb2312_chinese_ci 否 无 鹃 修改 
加 
9 tel varchar(100) gb2312_chinese_ci 否 无 已 修改 
11 e-mail varchar(50) gb2312_chinese_ci 是 NULL 鹃 修改 


图 7-9 查看 member 数据 表 


EC 选择 member 数据 表 ， 单 击 项 部 的 “插入 ”标签 。 依 照 字段 的 顺序 ， 将 对 应 的 数 
值 依次 输入 ， 单 击 “ 执 行 ”按钮 ， 即 可 插入 数据 ， 如 图 7-10 所 示 。 
EC 按照 图 7-11 所 示 的 数据 ， 重 复 执 行 上 一 步 的 操作 ， 将 数据 输入 到 数据 表 中 。 


| mr 
天 非 友 叫 小 李 


图 7-10 插入 数据 


mn mm 
mss NAM BABA RE 5 nt eom 0 


33 小 张 123456 。 | 你 最 好 的 朋友 是 ? | 小 狂 王 粒 男 | 河南 郑州 “13812345678| 32751489 625948078@qqcom 0 


loans har RNA enn | 


图 7-11 member 表 中 的 输入 记录 
7.2.2 创建 数据 库 连接 


数据 库 编 辑 完 成 后 ， 必 须 在 Dreamweaver CS6 中 建立 数据 源 连接 对 象 。 这 样 做 的 目的 ， 
是 方便 在 动态 网 页 中 使 用 前 面 建立 的 信息 系统 数据 库 文 件 和 动态 地 管理 信息 数据 。 

EI 根据 前 面 介绍 过 的 站 点 设置 方法 ， 设 置 好 “站 点 ”、“ 文 档 类 型 ”、“ 测 试 服 
务 器 ”。 打 开创 建 的 index.php 页 面 ， 选 择 “窗口 ”一 “数据 库 ” 命 令 ， 进 入 “数据 
库 ” 面板。 单 击 “数据 库 ” 面 板 中 的 轩 按 钮 ， 弹 出 如 图 7-12 所 示 的 菜单 ， 选 择 其 中 的 
“MySQL 连接 ”命令 。 

EEDD9 弹出 “MySQL 连接 ”对 话 框 后 ， 填 入 自 定义 的 连接 名 称 “user”， 填 入 MySQL 
服务 器 的 用 户 名 和 密码 ， 单 击 “ 选 取 ” 按 钮 来 选取 连接 的 数据 库 ， 如 图 7-13 所 示 。 

EB 弹出 “选取 数据 库 ” 对 话 框 ， 选 择 member 数据 库 ， 然 后 单 击 “ 确 定 ” 按 钮 。 如 
图 7-14 所 示 。 

ER 返回 到 “MySQL 连接 ”对 话 框 后 ， 单 击 “ 确 定 ”按钮 。 回 到 Dreamweaver CS6 


后 ， 可 以 打开 “数据 库 ” 面 板 ，member 数据 库 的 数据 表 在 连接 设置 后 已 经 读 入 
Dreamweaver CS6 了 ， 如 图 7-15 所 示 。 
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1. 为 该 文件 创建 站 点 。 

2 选择 一 种 文档 类 型 。 

3. 设置 站 点 的 型式 服务 器 。 

4 单 击 上 面 的 + 按钮 创建 连接 。 


7-12 ”连接 数据 库 7-13 “MySQL 连接 ”对 话 框 


Wk 
图 7-14 “选取 数据 库 ” 对 话 框 图 7-15 “数据 库 ” 面 板 
同时 ， 在 网 站 根 目录 下 将 会 自动 创建 名 为 Connections 的 文件 夹 ， 该 文件 夹 内 有 
一 个 名 为 user.php 的 文件 。 打 开 该 文件 ， 切 换 到 “代码 ”视图 ， 添 加 以 下 代码 : 
mysql query("set character set 'gb2312'"); 
mysql query("set names 'gb2312'"); 
添加 效果 如 图 7-16 所 示 。 
# HITP="true" 
Shostname_user = "localhost"; 
Sdatabase_user = "member"; 
Susername user = "root"; 
Spassword user = ""; 
Suser = mysql pconnect ($hostname user, $username user, $passaword user) 
or trigger error(mysql error(),E USER ERROR); 
mysql_query ("set character set 'gb2312'm) :// 读 数据 库 编 码 
mysq1_query("sec names "gb2312'") ;// 瑟 数据 库 编 码 
2> 
图 7-16 添加 代码 
ECED 在 Dreamweaver CS6 界面 中 选择 “文件 ”一 “保存 ”菜单 命令 ， 保 存 该 文档 ， 
完成 数据 库 的 连接 。 
四 
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7.3 用 户 登 录 模 块 的 设计 


本 节 主 要 介绍 用 户 登 录 模 块 的 制作 ， 在 该 模块 中 ， 包 含 登录 页 面 、 登 录 成 功 页 面 和 登录 
失败 页 面 三 个 页 面 的 制作 。 


7.3.1 设计 登录 页 面 


在 用 户 访问 用 户 管理 系统 时 ， 首 先 要 进行 身份 验证 ， 这 个 功能 要 靠 登 录 页 面 来 实现 。 所 
以 ， 登 录 页 面 中 必须 有 要 求 用 户 输入 用 户 名 和 密码 的 文本 框 ， 以 及 输入 完成 后 进行 登录 的 
“登录 ”按钮 ， 和 输入 错误 后 重新 设置 用 户 名 和 密码 的 “ 重 置 ”按钮 。 
制作 登录 页 面 的 操作 步骤 如 下 。 
EEJDp index.php 页 面 是 用 户 登 录 系统 的 首页 ， 打 开 前 面 创建 的 index.php 页 面 ， 输 入 网 
页 标题 “网 上 菜市 场 ”， 然 后 选择 “文件 ”一 “保存 ”菜单 命令 将 网 页 标题 保存 。 
如 图 7-17 所 示 。 

TY 选择 “修改 ”一 “页 面 属性 ”菜单 命令 ， 在 “背景 颜色 ”文本 框 中 输入 颜色 值 
为 #CCCCCC， 在 “上 边 距 ” 文 本 框 中 输入 0 像素 ， 这 样 设置 的 目的 ， 是 为 了 让 页 面 
的 第 一 个 表格 能 置 项 到 上 边 ， 设 置 如 图 7-18 所 示 。 
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[EL ED Ci DO 
图 7-17 创建 index.php 页 面 图 7-18 “页 面 属 性 ”对 话 框 


了 TB 设置 完成 后 单 击 “ 确 定 ” 按 钮 ， 进 入 “文档 ”窗口 ， 选 择 “ 插 入 ”一 “表格 ” 
菜单 命令 ， 弹 出 “表格 ”对 话 框 ， 在 “ 行 数 ” 文 本 框 中 输入 需要 插入 表格 的 行 数 ， 
这 里 输入 3， 在 “ 列 ” 文 本 框 中 输入 需要 插入 表格 的 列 数 ， 这 里 输入 3， 在 “表格 宽 
度 ” 文 本 框 中 输入 775 像素 ，“ 边 框 粗细 ”、“ 单 元 格 边 距 ”和 “间距 ”都 为 0， 
如 图 7-19 所 示 。 

EYY 单 击 “ 确 定 ” 按 钮 ， 这 样 就 在 “文档 ”窗口 中 插入 了 一 个 3 行 3 列 的 表格 。 将 
鼠标 放置 在 第 1 行 表 格 中 ， 在 “属性 ”面板 中 单 击 “ 合 并 所 选单 元 格 ， 使 用 跨度 ” 
按钮 器， 将 第 1 行 表格 合并 ， 再 选择 “插入 ”一 “图 像 ” 菜 单 命令 ， 打 开 “ 选 择 图 
像 源 文件 ”对 话 框 ， 在 站 点 的 images 文件 夹 中 选择 图 片 01.gif， 如 图 7-20 所 示 。 


芍 测 崩 友 卫 于 民 习 溃 书 册 7 台 


27®@ 


@ ”Dreamweaver+PHP+MySQL 动 态 网 站 开发 
， .案例 课堂 四-- 一 


- 加 请 = 加 Bi 
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7-19 “表格 ”对 话 框 7-20 “选择 图 像 源 文件 ”对 话 框 


苞 于 BY 单 击 “确定 ”按钮 ， 即 可 在 表格 中 插入 此 图 片 ， 将 鼠标 放置 在 第 3 行 表 格 中 ， 
在 “属性 ”面板 中 单 击 “ 合 并 所 选单 元 格 ， 使 用 跨度 ”按钮 回 ， 将 第 3 行 所 有 单元 
格 合并 ， 再 选择 “插入 ”一 “图 像 ” 菜 单 命令 ， 打 开 “ 选 择 图 像 源 文件 ”对 话 框 ， 
在 站 点 的 images 文件 夹 中 选择 图 片 05.gif， 插 入 一 个 图 片 ， 效 果 如 图 7-21 所 示 。 
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LS 已 
图 7-21 插入 图 片 的 效果 


ET 插入 图 片 后 ， 选 择 插入 的 整个 表格 ， 在 “属性 ”面板 的 “对 齐 (A)” 下 拉 列 表 框 
中 ， 选 择 “ 居 中 对 齐 ” 命 令 ， 让 插入 的 表格 居中 对 齐 ， 如 图 7-22 所 示 。 


行人 3 宽 和 D00 | 钨 素 | 填充 9) 0 对 齐 史 | 居中 对 齐 =| 类 加 无 
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图 7-22 设置 “居中 对 齐 ” 


ET 把 光标 移 至 创建 的 表格 第 2 行 第 1 列 中 ， 在 “属性 ”面板 中 设置 高 度 为 456 像 
素 ， 宽 度 为 195 像素 ， 设 置 高 度 和 宽度 时 根据 背景 图 像 而 定 ， 在 垂直 (TD 下 拉 列表 中 
选择 “项 端 ”， 再 将 光标 移 至 这 一 列 中 ， 单 击 国 哆 按钮， 在 <tdt> 中 输入 


- 208 


二 人 家 二 和 
[局 EL 


图 7-23 插入 图 片 的 效果 


EEC 在 表格 的 第 2 行 第 2 列 和 第 3 列 中 ， 分 别 插入 同 站 点 images 文件 夹 中 的 图 片 
03.gif 和 04.gif， 完 成 网 页 的 结构 搭建 ， 如 图 7-24 所 示 。 
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图 7-24 ”完成 的 网 页 背景 效果 
(ETB> 单 击 第 2 行 第 1 列 单元 格 ， 然 后 再 单 击 “ 文 档 ” 窗 口上 的 拆 分 按钮 ， 进 入 文档 
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窗口 的 “ 拆 分 ”窗口 模式 ， 在 <td> 和 </td> 之 间 输 入 valign=“top”( 表 格 文字 和 图 片 的 
相对 摆 放 位 置 ， 可 选 值 为 top、middle、bottom， 其 中 valign=“top” 表 示 单 元 格 内 容 位 
于 本 单元 格 的 上 部 ; valign=“middle” 表 示 单 元 格 内 容 位 于 本 单元 格 的 中 部 ; 
valign“bottom” 表 示 单 元 格 内 容 位 于 本 单元 格 的 底部 ) 的 命令 ， 表 示 让 鼠标 能 够 自动 
地 贴 至 该 单元 格 的 最 顶部， 设置 如 图 7-25 所 示 。 

时 拆 分 | 设计 | 实时 视 四 哆 . 世 . 脸 中 EX 区. CG 要: 网 FE 


a rext-align: center; 网 上 名 市 二 


</style></head> 
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图 7-25 设置 单元 格 的 对 齐 方式 为 上 部 


EEDp 单 击 “ 文 要 ”窗口 上 的 “设计 ”按钮 ， 返 回 “设计 ”视图 中 ， 将 光标 放置 在 刚 
创建 的 表格 中 ， 然 后 选择 “插入 ”一 “表单 ”一 “表单 ”菜单 命令 ， 如 图 7-26 所 
示 ， 插 入 一 个 表单 。 


命名 错 记 (N) Ctrl+Alt+A 


图 7-26 选择 “表单 ”命令 


本 于 将 鼠标 放置 在 该 表单 中 ， 选 择 “插入 ”一 “表格 ”菜单 命令 ， 弹 出 “表格 ”对 
话 框 ， 在 “ 行 数 ”文本 框 中 输入 S， 在 “ 列 ” 文 本 框 中 输入 2。 在 “表格 宽度 ”文本 
框 中 输入 179 像素 ， 在 该 表单 中 插入 5 行 2 列 的 表格 ， 如 图 7-27 所 示 。 

基于 PY 单 击 并 拖 动 鼠 标 ， 分 别 选 择 第 1 行 和 第 4 行 表格 ， 并 分 别 在 “属性 ”面板 中 单 

击 “ 合 并 所 选单 元 格 ， 使 用 跨度 ”按钮 器 ， 将 这 几 行 表格 进行 合并 。 然 后 在 表格 的 

第 1 行 中 输入 文字 “用 户 登 录 ”， 并 在 属性 面板 中 设置 该 文字 的 大 小 、 颜 色 以 及 单 

元 格 的 背景 颜色 等 ， 如 图 7-28 所 示 。 
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7-27 插入 表格 


目标 规则 #tornl table tr t..，v | 字体 各) 默认 字体 
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图 7-28 “属性 ”面板 
EE> 在 表格 第 2 行 第 1 列 中 输入 文字 说 明 “ 用 户 名 ”， 在 第 2 行 第 2 列 中 ， 选 择 
“插入 ”一 “表单 ”一 “文本 域 ”菜单 命令 ， 插 入 一 个 单行 文本 域 表单 对 象 ， 并 定 
义 文本 域名 为 “usermame”，“ 文 本 域 ”属性 设置 及 此 时 的 效果 如 图 7-29 所 示 。 


字符 殉 度 0) 17 类 型 单行 6) ”多 行人 D 个 害 有 外) 
最 多 字符 数 。 。。” 初 凤 值 I) 


口 树 用 中) 


图 7-29 输入 “用 户 名 ”和 插入 “文本 域 ” 的 设置 


Em 设置 文本 域 的 属性 说 明 如 下 。 

以 @ 文本 域 : 在 “文本 域 ”文本 框 中 ， 为 文本 域 指定 一 个 名 称 。 每 个 文本 域 都 必 
须 有 一 个 唯一 名 称 。 表 单 对 象 名 称 不 能 包含 空格 或 特殊 字符 。 可 以 使 用 字母 、 数 字 、 
字符 和 下 划 线 (_) 的 任意 组 合 。 要 注意 ， 为 文本 域 指定 的 标签 是 将 存储 该 域 的 值 (输入 
的 数据 ) 的 变量 名 ， 这 是 发 送 给 服务 器 进行 处 理 的 值 。 

@ 字符 宽度 : 设置 域 中 最 多 可 显示 的 字符 数 。 
@ 最 多 字符 数 : 指定 在 域 中 最 多 可 输入 的 字符 数 ， 如 果 保 留 为 空白 ， 则 输入 不 
受 限 制 。 
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图 类 型 : 用 于 指定 文本 域 是 “单行 ”、“ 多 行 ” 还 是 “密码 ” 域 。 单 行文 本 域 
只 能 显示 一 行文 字 ; 多 行 则 可 以 输入 多 行文 字 ， 达 到 字符 宽度 后 换行 ; 密码 文本 域 则 
用 于 输入 密码 。 
@ 初始 值 : 指定 在 首次 载 入 表单 时 ， 域 中 显示 的 值 。 例 如 ， 通 过 包含 说 明 或 示 
例 值 ， 可 以 指示 用 户 在 域 中 输入 信息 。 
@@ 类 : 可 以 将 CSS 规则 应 用 于 对 象 。 
EEEE》 在 第 3 行 第 1 列表 格 中 输入 文字 “登录 密码 ”， 在 第 3 行 表格 的 第 2 列 中 ， 选 


择 “ 插 入 ”一 “表单 ”一 “文本 域 ”菜单 命令 ， 插 入 密码 文本 域 表 单 对 象 ， 定 义 
“文本 域 ”名 为 password。“ 文 本 域 ” 属 性 设置 及 此 时 的 效果 如 图 7-30 所 示 。 


口 站 字符 宽度 ) 17 类 型 单行 6) 。 口 多 行 咱 加 密码 m) 。 类 无 
passwora | | 初始 信 0) | 8 
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图 7-30 密码 “文本 域 ”的 设置 


EEDD 选择 第 4 行 单元 格 ， 选 择 “插入 ”一 “表单 ”一 “按钮 ”命令 两 次 ， 插 入 两 个 
按钮 ， 并 分 别 在 属性 面板 中 进行 属性 变更 ， 一 个 为 登录 时 用 的 “提交 表单 ”选项 ， 
一 个 为 “ 重 设置 单 ” 选 项 ， 属 性 的 设置 如 图 7-31 所 示 。 


动作 回 提交 表单 S) 全 无 中 类 无 
品 重 设 表单 了) 


动作 站 提交 表单 S) 站 无 名 类 四 无 


7-31 设置 按钮 


EC 合并 第 5 行 单元 格 ， 在 第 5 行 输入 “注册 新 用 户 ”文本 ， 并 选中 这 几 个 字 ， 然 
后 在 窗口 中 选择 “插入 ”一 “超级 链接 ”菜单 命令 ， 弹 出 “超级 链接 ”对 话 框 ， 在 
其 中 将 目标 设置 为 blank， 这 样 可 以 在 新 窗口 中 打开 页 面 ， 然 后 设置 链接 对 象 为 用 
户 注册 页 面 registerphp， 以 方便 用 户 注册 ， 输 入 的 效果 如 图 7-32 所 示 。 
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文本 : 注册 新 用 户 
区 接 : register. php 


目标 : _blank 
标题 : 注册 新 用 户 
访问 全 
Tab 包 来 引 


7-32 ”建立 链接 


EED 如 果 已 经 注册 的 用 户 忘记 了 密码 ， 还 希望 以 其 他 方式 能 够 重新 获得 密码 ， 可 以 
在 表格 的 第 4 列 中 输入 “ 找 回 密码 ”文本 ， 并 且 设 置 一 个 转 到 密码 查询 页 面 
lostpassword.php 的 链接 对 象 ， 方 便 用 户 取 回 密码 ， 如 图 7-33 所 示 。 


文本 找 回 密码 
链接 lostpassvordphp 7 总 
目标 : -blank 
标题 : 找 回 密码 
访问 刍 
Tab 键 索引 


EIB 


图 7-33 ”密码 查询 设置 


ERE> 表单 编辑 完成 后 ， 下 面 来 编辑 该 网 页 的 动态 内 容 ， 使 用 户 可 以 通过 该 网 页 中 的 
表单 实现 登录 功能 。 打 开 “ 服 务 器 行为 ”面板 ， 单 击 该 面板 上 的 国 按钮 ， 选 择 菜单 
栏 中 的 “用 户 身份 验证 ”一 “登录 用 户 ”命令 ， 如 图 7-34 所 示 ， 向 该 网 页 添加 “ 登 
录用 户 ” 的 服务 器 行为 。 

本 E> 此 时 ， 弹 出 “登录 用 户 ”对 话 框 ， 在 该 对 话 框 中 进行 如 下 设置 : 


从 “从 表单 获取 输入 ”下 拉 列 表 框 中 ， 选 择 该 服务 器 行为 使 用 网 页 中 的 forml 
对 象 ， 设 定 该 用 户 登录 服务 器 行为 的 用 户 数据 来 源 为 表单 对 象 中 访问 者 填写 的 
内 容 。 

从 “用 户 名 字段 ”下 拉 列 表 框 中 选择 文本 域 username 对 象 ， 设 定 该 用 户 登录 服 
务 器 行为 的 用 户 名 数据 来 源 为 表单 的 username 文本 域 中 访问 者 输入 的 内 容 。 

从 “密码 字段 ”下 拉 列 表 框 中 选择 文本 域 password 对 象 ， 设 定 该 用 户 登 录 服 务 
器 行为 的 用 户 名 数据 来 源 为 表单 的 password 文本 域 中 访问 者 输入 的 内 容 。 

从 “使 用 连接 验证 ”下 拉 列 表 框 中 ， 选 择 用 户 登录 服务 器 行为 使 用 的 数据 源 连 
接 对 象 为 user。 

从 “表格 ”下 拉 列 表 框 中 ， 选 择 该 用 户 登录 服务 器 行为 使 用 到 的 数据 库 表 对 象 
为 member。 

从 “用 户 名 列 ” 下 拉 列 表 框 中 ， 选 择 表 member 用 来 存储 用 户 名 的 字段 为 


USeInameo 


茧 漂 峙 或 也 于 基 习 省 半 几 /小 站 
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e 从 “密码 列 ” 下 拉 列 表 框 中 ， 选 择 表 member 用 来 存储 用 户 密码 的 字段 为 
password。 

e 在 “如 果 登 录 成 功 ， 转 到 ”文本 框 中 ， 输 入 登录 成 功 后 ， 应 转向 welcome.php 
页 面 。 


e ”在 “如 果 登 录 失败 ， 转 到 ”文本 框 中 ， 输 入 登录 失败 后 转向 loginfail.php 页 面 。 

®@ ”选择 “基于 以 下 项 限制 访问 ”后 面 的 “用 户 名 、 密 码 和 访问 级 别 ” 单 选 按 钮 ， 
设 定 后 面 将 根据 用 户 的 用 户 名 、 密 码 及 权限 级 别 共同 决定 其 访问 网 页 的 权限 。 

e@ ”从 “获取 级 别 自 ” 下 拉 列 表 框 中 ， 选 择 authority 字段 ， 表 示 根 据 authority 字段 


的 数字 来 确定 用 户 的 权限 级 别 。 
设置 完成 后 的 对 话 框 显示 状况 如 图 7-35 所 示 。 
| 
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下 于 以 下 项 卫 制 四 站 同 户 名 和 雪 三 
加 月 广 千 、 桥 三 和 访 站 李惠 


本 区 取 级 到 折 [svthority a 
XSLT 转 洲 本 | 
图 7-34 添加 “登录 用 户 ” 的 服务 器 行为 图 7-35 “登录 用 户 ” 对 话 框 


廿 了 WY 设置 完成 后 ， 单 击 “确定 ”按钮 ， 关 闭 该 对 话 


框 ， 返回 到 “文档 ”窗口 。 这 样 ， 在 “服务 器 行 ee 
文档 类 型 ，ASP VBSeript 


为 ”面板 中 ， 就 增加 了 一 个 “登录 用 户 ” 行 为 ， 
如 图 7-36 所 示 。 

E322》 表单 对 象 对 应 的 “属性 ”面板 的 动作 属性 值 如 
图 7-37 所 示 ， 为 <%=MM LoginAction%>。 它 的 
作用 就 是 实现 用 户 登 录 功 能 ， 这 是 Dreamweaver 图 7-36 “服务 器 行为 ”面板 
CS6 自动 生成 的 一 个 动作 代码 。 


图 表单 ID 动作 | 4FHM_LoginActicn%g> 局 目标 中) ~ 类 加 无 四 
forml 六 法 sr > - 


图 7-37 表单 对 应 的 “属性 ”面板 


EPZ 选择 “文件 ”一 “保存 ”菜单 命令 ， 将 该 文档 保存 到 本 地 站 点 中 ， 完 成 网 站 的 
首页 制作 ， 首 页 设计 的 最 终 效果 如 图 7-38 所 示 。 
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图 7-38 首页 设计 的 最 终 效果 


7.3.2 ”登录 成 功 和 登录 失败 页 面 的 制作 


当 用 户 输 入 的 登录 信息 不 正确 时 ， 就 会 转 到 loginfail.php 页 面 ， 显 示 登 录 失败 的 信息 。 如 
果 用 户 输入 的 登录 信息 正确 ， 就 会 转 到 welcome.php 页 面 。 

制作 登录 失败 页 面 的 操作 步骤 如 下 。 

EEIoDs 选择 “文件 ”一 “新 建 ” 菜 单 命令 ， 弹 出 “新 建文 档 ” 对 话 框 ， 选 择 “ 空 白 
页 ”选项 卡 “ 页 面 类 型 ”下 拉 列 表 框 下 的 PHP 选项 ， 在 “布局 ”列表 框 中 ， 选 择 
“无 ”选项 ， 然 后 单 击 “ 创 建 ” 按 钮 创建 新 页 面 ， 在 网 站 根 目录 下 新 建 一 个 名 为 
loginfail.php 的 网 页 并 保存 ， 如 图 7-39 所 示 。 

EEIPp 登录 失败 页 面 的 设计 如 图 7-40 所 示 ， 在 “文档 ”窗口 中 选中 “这 里 ”链接 文 
本 ， 加 入 链接 index.php， 将 其 设置 为 指向 index.php 页 面 的 链接 。 

EB 选择 “文件 ”一 “保存 ”菜单 命令 ， 完 成 loginfail.php 页 面 的 创建 。 
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. ; 登录 失败 
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aasaaaaaaa a 登录 失败 ,请 检查 你 填写 的 用 户 名 的 密码 是 否 正确 
请 单 击 这 里 重新 登录 
7-39 “另存 为 ”对 话 框 图 7-40 ”登录 失败 页 面 loginfail.php 
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制作 登录 成 功 页 面 的 操作 步骤 如 下 。 

EEC 选择 “文件 ”一 “新 建 ”菜单 命令 ， 弹 出 “新 建文 档 ” 对 话 框 ， 选 择 “ 空 白 
页 ”选项 卡 中 “页 面 类 型 ”下 拉 列 表 框 下 的 PHP 选项 ， 在 “布局 ”下 拉 列 表 框 中 ， 
选择 “无 ”选项 ， 然 后 单 击 “ 创 建 ” 按 钮 创建 新 页 面 ， 在 网 站 根 目录 下 新 建 一 个 名 
为 welcome.php 的 网 页 并 保存 。 

ER 用 类 似 的 方法 制作 登录 成 功 页 面 的 静态 部 分 ， 如 图 7-41 所 示 。 

EEC 选择 “窗口 ”一 “ 绑 定 ”菜单 命令 ， 打 开 “ 绑 定 ” 面 板 ， 单 击 该 面板 上 的 四 按 
钮 ， 在 弹出 的 菜单 中 ， 选 择 “ 阶 段 变量 ”选项 ， 这 样 就 可 以 在 网 页 中 定义 一 个 阶段 


NN 变量 ， 如 图 7-42 所 示 。 


图 7-41 ”欢迎 界面 的 效果 图 7-42 添加 阶段 变量 


| 绑 定 面板 中 各 选项 的 说 明 如 下 。 
WE 。 ”记录 和 集 ( 查 询 ): 用 来 绑 定 数据 库 中 的 记录 集 ， 在 绑 定 记录 集中 选择 要 绑 定 的 
数据 源 、 数 据 库 以 及 一 些 变 量 ， 用 于 记录 的 显示 和 查询 。 
。 ”命令 (预存 过 程 ): 在 命令 对 话 框 中 有 更 新 、 删 除 等 命令 ， 选 择 这 个 命令 主要 
是 为 了 让 数据 库 里 的 数据 保持 最 新 状态 。 
。 ”请求 变量 : 用 于 定义 动态 内 容 源 ， 从 “类 型 ”弹出 菜单 中 选择 一 个 请 求 集 
合 。 例 如 要 访问 Request.ServerVariables 集合 中 的 信息 ， 则 应 选择 “服务 器 变量 ”。 
如 果 要 访问 Request.Form 集合 中 的 信息 ， 则 选择 “表单 ”。 
。 ”阶段 交 量 : 阶段 变量 提供 了 一 种 对 象 ， 通 过 这 种 对 象 ， 用 户 信息 得 以 存储 ， 
并 使 该 信息 在 用 户 访问 的 持续 时 间 中 对 应 用 程序 的 所 有 页 都 可 用 。 阶 段 变量 还 可 以 提 
供 一 种 超时 形式 的 安全 对 象 ， 这 种 对 象 在 用 户 账户 长 时 间 不 活动 的 情况 下 ， 终 止 该 用 
户 的 会 话 。 如 果 用 户 忘记 了 从 Web 站 点 注销 ， 这 种 对 象 还 会 释放 服务 器 的 内 存 和 处 
理 资 源 。 
EEC 洋 出 “阶段 变量 ”对 话 框 。 在“ 名称 ”文本 框 中 输入 “阶段 变量 ”的 名 称 
“MM usemame”， 如 图 7-43 所 示 。 
ES 设置 完成 后 ， 单 击 “确定 ”按钮 ， 在 “文档 ”窗口 中 ， 通 过 拖 动 鼠标 ， 来 选择 
“XXXXXX” 文 本 ， 然 后 ， 在 “ 绑 定 ”面板 中 选择 MM _usermame 变量 ， 再 单 击 
“ 绑 定 ”面板 底部 的 “插入 ”按钮 ， 将 其 插入 到 该 “文档 ”窗口 中 设 定 的 位 置 。 插 
入 完毕 之 后 ， 可 以 看 到 “XXXXXX” 文 本 被 {Session.MM usermame} 占 位 符 人 代替， 如 
图 7-44 所 示 。 这 样 ， 就 完成 了 这 个 显示 登录 用 户 名 “阶段 变量 ”的 添加 工作 。 
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攻 {Session. MM_us 


7-43 “阶段 变量 ”对 话 框 图 7-44 插入 后 的 效果 


加 沙 出 到 也 沁 号 习 由 局 册 4 小 站 


pr 设计 阶段 变量 的 目的 ， 是 在 用 户 登 录 成 功 后 ， 登 录 界 面 中 直接 显示 用 户 的 名 字 ， 


”使 网 页 更 有 亲切 感 。 

国 于 BY 在 “文档 ”窗口 中 拖 动 鼠标 ， 选 中 “注销 你 的 用 户 ” 链 接 文本 。 选 择 “ 窗 口 ” 
一 “服务 器 行为 ”一 “用 户 身 份 验证 ”一 “注销 用 户 ” 菜 单 命令 ， 为 所 选中 的 文本 
添加 一 个 “注销 用 户 ” 的 服务 器 行为 ， 如 图 7-45 所 示 。 

EEC 弹出 “注销 用 户 ” 对 话 框 ， 在 该 对 话 框 中 进行 如 下 设置 。 

。 ”在 以 下 情况 下 注销 ; 用 于 设置 注销 的 单 选 按钮 。 本 例 选 中 “ 单 击 链接 ” 单 选 按 
钮 ， 并 在 右边 的 下 拉 列 表 框 中 选择 “注销 你 的 用 户 ”， 这 样 ， 当 用 户 在 页 面 中 
单 击 “ 注 销 你 的 用 户 ” 时 ， 就 选择 了 注销 操作 。 

® ”在 完成 后 ， 转 到 : 该 文本 框 用 于 设置 注销 后 显示 的 页 面 ， 本 例 在 右 侧 文本 框 中 
输入 “logootphp”， 表 示 注 销 后 转 到 的 页 面 ， 完 成 后 的 设置 如 图 7-46 所 示 。 


GG 


TT 可 间 和 | 


刁 页 而 雪 入 Cm 
在 完 成 后 ， 特 到 Tofoot pip ED EE 


图 7-45 选择 “注销 用 户 ”命令 图 7-46 “注销 用 户 ” 对 话 框 
EEB) 设置 完成 后 ， 单 击 “ 确 定 ” 按 钮 ， 关 闭 该 对 话 框 ， 返 回 到 “文档 ”窗口 。 在 
“服务 器 行为 ”面板 中 增加 了 一 个 “注销 用 户 ” 行 为 ， 如 图 7-47 所 示 。 同 时 ， 可 以 
看 到 “注销 用 户 ” 链 接 文本 对 应 的 “属性 ”面板 中 的 “链接 ”属性 值 为 
<%=MM Logout%>， 它 是 Dreamweaver CS6 自动 生成 的 动作 对 象 。 
EERD)p1logootphp 页 面 的 设计 比较 简单 ， 不 做 详细 说 明 ， 在 页 面 中 的 “这 里 ”文字 处 ， 
指定 一 个 链接 到 首页 index.php 就 可 以 了 ， 效 果 如 图 7-48 所 示 。 
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动态 文本 (Session 并 _usernane) 
注销 用 户 


图 7-47 添加 注销 用 户 功能 图 7-48 注销 用 户 页 面 的 设计 效果 

EEC 选择 “文件 ”一 “保存 ”菜单 命令 ， 将 该 文档 保存 到 本 地 站 点 中 。 编 辑 工作 完 
成 后 ， 就 可 以 测试 该 用 户 登 录 系 统 的 选择 情况 了 。 文 档 中 的 “修改 你 的 注册 资料 ” 
链接 到 userupdate.php 页 面 ， 此 页 面 将 在 后 面 的 修改 中 进行 介绍 。 


7.3.3 ”用 户 登录 系统 功能 的 测试 


制作 好 一 个 系统 后 ， 需 要 测试 无 误 ， 才 能 上 传 到 服务 器 以 供 使 用 。 下 面 就 对 登录 系统 进 


行 测试 ， 测 试 的 步骤 如 下 。 


EP 打开 IE 浏览 器 ， 在 地 址 栏 中 输入 “http://localhost/index.php”， 弹 出 index.php 
页 面 ， 如 图 7-49 所 示 。 在 “用 户 名 ”和 “密码 ”文本 框 中 ， 输 入 用 户 名 及 密码 ， 输 
入 完毕 ， 单 击 “ 登 录 ” 按 钮 。 

ED 如 果 填 写 的 登录 信息 是 错误 的 ， 或 者 根本 就 没有 输入 ， 则 浏览 器 就 会 转 到 登录 
失败 页 面 loginfailphp， 显 示 登 录 错 误 信息 ， 如 图 7-50 所 示 。 
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7-49 打开 的 网 站 首页 图 7-50 登录 失败 页 面 loginfail.php 的 效果 


ETBY 如 果 输 入 的 用 户 名 和 密码 都 正确 ， 则 显示 登录 成 功 页 面 。 这 里 所 输入 的 是 前 面 
数据 库 设 置 的 用 户 admin， 登 录 成 功 后 的 页 面 如 图 7-51 所 示 ， 其 中 显示 了 用 户 名 
admin。 

EEC 如 果 想 注销 用 户 ， 只 需要 单 击 “ 注 销 你 的 用 户 ” 超 链接 即 可 ， 注 销 用 户 后 ， 浏 
览 器 就 会 转 到 页 面 logootphp， 然 后 单 击 文字 “这 里 ” 回 到 首页 ， 如 图 7-52 所 示 。 
至 此 ， 登 录 功 能 就 测试 完成 了 。 
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7-51 登录 成 功 页 面 welcome.php 的 效果 7-52 ”注销 用 户 页 面 的 效果 


7.4 用户 注册 模块 的 设计 


用 户 登 录 系统 是 供 数 据 库 中 己 有 的 老 用 户 登 录用 的 ， 一 个 用 户 管理 系统 还 应 该 提供 新 用 
户 注 册 用 的 页 面 ， 对 于 新 用 户 来 说 ， 通 过 单 击 index.php 页 面 上 的 “注册 新 用 户 ” 超 链接 ， 进 
入 到 名 为 register.php 的 页 面 ， 在 该 页 面 可 以 实现 新 用 户 注册 功能 。 


7.4.1 设计 用 户 注册 页 面 


register.php 页 面 主要 实现 用 户 注册 的 功能 ， 用 户 注册 的 操作 就 是 向 member.mdb 数据 库 
的 member 表 中 添加 记录 的 操作 。 

有 具体 的 操作 步骤 如 下 。 

ED 选择 “文件 ”一 “新 建 ”菜单 命令 ， 弹 出 “新 建文 档 ” 对 话 框 ， 选 择 “ 空 白 
页 ”选项 卡 中 “页 面 类 型 ”下 拉 列 表 框 下 的 PHP 选项 ， 在 “布局 ”下 拉 列 表 框 中 ， 
选择 “无 ”选项 ， 然 后 单 击 “ 创 建 ”按钮 创建 新 页 面 ， 在 网 站 根 目录 下 新 建 一 个 名 
为 register.php 的 网 页 并 保存 。 

E23 在 Dreamweaver CS6 中 ， 使 用 制作 静态 网 页 的 工具 完成 如 图 7-53 所 示 的 静态 部 
分 ， 这 里 要 说 明 的 是 ， 注 册 时 需要 加 入 一 个 “隐藏 区 域 ”， 并 命名 为 “authority”， 
设置 默认 值 为 0， 即 所 有 的 用 户 注册 时 默认 是 一 般 访问 用 户 。 

ES 还 需要 设置 一 个 验证 表单 的 动作 ， 用 来 检查 访问 者 在 表单 中 填写 的 内 容 是 否 满 
足 数据 库 中 表 member 中 字段 的 要 求 。 在 将 用 户 填写 的 注册 资料 提交 到 服务 器 之 
前 ， 就 会 对 用 户 填写 的 资料 进行 验证 。 如 果 有 不 符合 要 求 的 信息 ， 可 以 向 访问 者 显 
示 错 误 的 原因 ， 并 让 访问 者 重新 输入 。 

EC 选择 “窗口 ”一 “行为 ”菜单 命令 ， 弹 出 “行为 ”面板 ， 单 击 “ 行 为 ”面板 中 
的 办 按 钮 ， 从 弹出 的 行为 列表 中 ， 选 择 “ 检 查 表单 ”， 弹 出 “检查 表单 ”对 话 框 ， 
如 图 7-54 所 示 。 
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加 选择 “必需 的 ” ! es 1@ 这 里 的 “可 接 ! 
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图 7-54 “检查 表单 ”对 话 框 


i 本 例 中 ， 设 置 username 文本 域 、password 文本 域 、passwordl 文本 域 、answer 文 

汇 ”本 域 、truename 文本 域 、address 文本 域 为 “ 值 : 必需 的 ”，“ 可 接受 : 任何 东西 ”， 
即 这 几 个 文本 域 必 须 填 写 ， 内 容 不 限 ， 但 不 能 为 空 ; tel 文本 域 和 QQ 文本 域 设置 的 验 
证 条 件 为 “ 值 : 必需 的 ”，“ 可 接受 : 数字 ”， 表 示 这 两 个 文本 域 必 须 填写 数字 ， 不 
能 为 空 ; email 文本 域 的 验证 条 件 为 “ 值 : 必需 的 ”，“ 可 接受 : 电子 邮件 ”， 表 示 
该 文本 域 必 须 填 写 电 子 邮件 地 址 ， 且 不 能 为 空 。 


EECRD) 设置 完成 后 ， 单 击 “确定 ”按钮 ， 完 成 对 检查 表单 的 设置 。 
EERD 在 “文档 ”窗口 中 单 击 工 具 栏 上 的 “代码 ”按钮 ， 转 到 “代码 ”编辑 窗口 ， 然 
后 ， 在 验证 表单 动作 的 源 代 码 中 加 入 如 下 代码 : 


<script type="text/javascript"> 
function MM validateForm() { //v4.0 
if (document.getElementById) { 
var i,pqdnm,test,num,min,max,errors="'', 
args=MM validateForm.arguments; 
for (i=0; i<(args.length-2); i+=3) { 
test=args[i+2]; val=document .getElementById (args[i]); 
va 二 
nm=val.name; if ((val=val.value)!="") { 
if (test.indexof('isEmail')!=-1) { 
p=val.indexOof ('@'); 
if (p<1 || p==(val.length-1)) 
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errors+='— '+nm+' must contain an e-mail address.\n'; 
} else if (test!='R') { 
num = parseFloat (val); 
if (isNaN(val)) errors+='— '+nm+' must contain a number.\n'; 
if (test.indexOof('inRange') != -1) { 
p=test.indexOof (':"'); 
min=test.substring(8,p); max=test.substring (p+1); 
if (num<min || max<num) 
errors += '- "+ nm+ " must contain a number between ' 
2 0 
} } } else if (test.charAt (0) == 'R') 
errors += !- '+nm+' is required.\n'; } 
} if (errors) alert('The following error(s) occurred:\n'+errors); 
document .MM returnValue = (errors == "''); 
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</script> 


把 代码 修改 成 如 下 : 


<script type="text/JavaSscript"> 
// 宣 告 脚本 语言 为 Javascript 
过时 三 二 
function MM findobj(n，d) { //v4.01 
var pri,x; 
if(!d) d=document; 
if((p=n.indexOf("?"))>0 && parent.frames. length) { 
d=parent .frames[n.substring (p+1)] .document; n=n.substring(0,p);} 
if(!(x=d[n])&&d.all) x=d.all[n]; 
for (i=0; !x&&i<d.forms.length; i++) x=d.forms[i] [n]; 
for(i=0; !xg&&d.layersg&i<d.layers.length; i++) 
x=MM findobj (n,d.layers[i].document); 
if(!x && d.getElementById) x=d.getElementById(n); return x; 


} 
// 定 义 创建 对 话 框 的 基本 属性 
function MM validateForm() { //v4.0 
Var i,p,qd'nm,test,num,min,max, 
errors='',args=MM validateForm.arguments; 
// 检 查 提交 表单 的 内 容 
for (i=0; i<(args.length-2); i+=3) { 
test=args[i+2]; val=MM findobj (args [i]); 
if (val) { 
nm=val .name; 
if ((val=val.value)!="") { 
if (test.indexOf ('isEmail')!=-1) { 
p=val.indexof ('@'); 
if (p<1 || p==(val.length-1)) 
errors+='"- "+nm+' 需要 输入 邮箱 地 址 . \n'; 
// 如 果 提 交 的 邮箱 地 址 表单 中 不 是 邮件 格式 ， 则 显示 为 “需要 输入 邮箱 地 址 ” 
} else if (test!='R') { 
num = parseFloat (val); 
if (isNaN (val)) errors+='- '+nmt+' 需要 输入 数字 .\n'; 
// 如 果 提 交 的 电话 表单 中 不 是 数字 ， 则 显示 为 “需要 输入 数字 ” 
if (test.indexof('inRange') != -1) { 
p=test.indexOf (':"'); 
min=test.substring(8,p); max=test.substring (p+1); 
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if (num<min || max<num) 
errors+='- '+nm+' 需要 输入 数字 '+min+' and '+max+'.\n'; 
// 如 果 提交 的 oo 表单 中 不 是 数字 ， 则 显示 为 “需要 输入 数字 ” 
} } } else if (test.charAt (0) == 'R') 
errors += '- '+nm+' 需要 输入 .\n'; } 
// 如 果 提 交 的 地 址 表单 为 空 ， 则 显示 为 “需要 输入 ” 
} if (MM findqobj ('password') .value!=MM findobj('"passwordl') .value) 
errors += '- 两 次 密码 输入 不 一 致 \n'; 
if (errors) alert("' 注册 时 出 现 如 下 错误 : \n' +errors); 


document .MM returnValue = (errors == ''); 
// 如 果 出 错时 将 显示 “注册 时 出 现 如 下 错误 : ” 
/==> 
</script> 


编辑 代码 完成 后 ， 单 击 工具 栏 上 的 “设计 ”按钮 ， 返 
到 “设计 ”视图 。 此 时 ， 可 以 测试 一 下 选择 的 效 
果 ， 若 两 次 输入 的 密码 不 一 致 ， 然 后 单 击 “提交 ” 按 Se 
钮 时 ， 则 会 打开 一 个 警告 对 话 框 ， 图 7-55 中 的 警告 对 
话 框 告诉 访问 者 两 次 密码 输入 不 一 致 
ET 在 该 网 页 中 添加 一 个 “插入 记录 ”的 服务 器 行 
为 。 选 择 “窗口 ”一 “服务 器 行为 ”菜单 命令 ， 打 开 
“服务 器 行为 ”面板 。 单 击 该 面板 中 的 固 按钮 ， 在 弹 
出 的 菜单 中 ， 选 择 “ 插 入 记录 ”选项 ， 则 会 打开 “ 插 
入 记录 ”对 话 框 。 在 对 话 框 中 进行 如 下 设置 : 
。 ”从 “连接 ”下 拉 列 表 框 中 选择 user， 作 为 数据 源 图 7-55 提示 信息 
连接 对 象 。 
e ”从 “插入 到 表格 ”下 拉 列 表 框 中 ， 选 择 member 作为 使 用 的 数据 库 表 对 象 。 
e 在 “插入 后 ， 转 到 ”文本 框 中 ， 设 置 记录 成 功 添加 到 表 member 后 ， 转 到 
regok.php 网 页 。 
e ”在 对 话 框 的 下 半 部 分 ， 将 网 页 中 的 表单 对 象 与 数据 库 中 表 member 中 的 字段 一 
一 对 应 起 来 。 
设置 完成 后 ， 该 对 话 框 如 图 7-56 所 示 。 


加 


@ 将 表单 里 输 pra eBm 
入 的 数据 插入 ! see 
Eee | EmalLl__--------- 


1 @ 表 单 中 的 文本 
域名 称 与 要 插入 


1 

: 

1 到 相应 的 数据 ， 

! : 

' 

到 的 数据 表 中 的 ! 
1 
1 
1 


字段 相对 应 


图 7-56 “插入 记录 ”对 话 框 
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EEC) 设置 完成 后 ， 单 击 “ 确 定 ”按钮 ， 关 闭 该 对 话 框 ， 返 回 到 “文档 ”窗口 。 此 时 
的 设计 样式 如 图 7-57 所 示 。 

EECORD) 用 户 名 是 用 户 登 录 的 身份 标志 ， 用 户 名 是 不 能 够 重复 的 ， 所 以 ， 在 添加 记录 之 
前 ， 一 定 要 先 在 数据 库 中 判断 该 用 户 名 是 否 存在 ， 如 果 存 在 ， 则 不 能 进行 注册 。 在 
Dreamweaver CS6 中 ， 提 供 了 一 个 检查 新 用 户 名 的 服务 器 行为 ， 单 击 “ 服 务 器 行 
为 ”面板 中 的 外 按 钮 ， 在 弹出 的 菜单 中 ， 选 择 “用 户 身份 验证 ”一 “检查 新 用 户 
名 ”命令 ， 会 弹出 一 个 “检查 新 用 户 名 ”对 话 框 ， 在 该 对 话 框 中 进行 如 下 设置 : 

@ ”在 “用 户 名 字段 ”下 拉 列 表 框 中 选择 username 字段 。 

@ ”在 “如 果 已 存在 ， 则 转 到 ”文本 框 中 ， 输 入 “regfail.php”， 表 示 如 果 用 户 名 已 
经 存在 ， 则 转 到 regfail.php 页 面 ， 显 示 注 册 失 败 信息 ， 该 网 页 将 在 后 面 编辑 。 

设置 完成 后 的 对 话 框 如 图 7-58 所 示 。 
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7-58 “检查 新 用 户 名 ”对 话 框 


EEC 设置 完成 后 ， 单 击 该 对 话 框 中 的 “确定 ”按钮 ， 关 闭 该 对 话 框 ， 返 回 到 “ 文 
档 ” 窗 口 。 在 “服务 器 行为 ”面板 中 增加 了 一 个 “检查 新 用 户 名 ”行为 ， 如 图 7-59 
所 示 。 

EC 选择 “文件 ”一 “保存 ”菜单 命令 ， 将 该 文档 保存 到 本 地 站 点 中 ， 完 成 本 页 的 
制作 。 最 终 的 效果 如 图 7-60 所 示 。 
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NN 图 7-59 “服务 器 行为 ”面板 图 7-60 注册 页 面 的 最 终 效果 
7.4.2 注册 成 功 和 注册 失败 页 面 的 制作 


为 了 方便 用 户 登 录 ， 应 该 在 regok.php 页 面 中 设置 一 个 转 到 index.php 页 面 的 文字 链接 ， 
以 方便 用 户 进行 登录 。 同 时 ， 为 了 方便 访问 者 重新 进行 注册 ， 应 该 在 regfail.php 页 面 设置 一 
个 转 到 register.php 页 面 的 文字 链接 ， 以 方便 用 户 进行 重新 登录 。 
制作 显示 注册 成 功 和 失败 信息 页 面 的 操作 步骤 如 下 。 
HTD 选择 “文件 ”一 “新 建 ” 菜 单 命令 ， 弹 出 “新 建文 档 ” 对 话 框 ， 选 择 “ 空 白 
页 ”选项 卡 中 “页 面 类 型 ”下 拉 列 表 框 下 的 PHP 选项 ， 在 “布局 ”下 拉 列 表 框 中 选 
择 “ 无 ”选项 ， 然 后 单 击 “ 创 建 ” 按 钮 创建 新 页 面 ， 在 网 站 根 目 录 下 新 建 一 个 名 为 
regok.php 的 网 页 并 保存 。 
ECXD) regokphp 页 面 如 图 7-61 所 示 。 制 作 比 较 简单 ， 其 中 文字 “这 里 ”设置 为 指向 
index.php 页 面 的 链接 。 
ES 如 果 用 户 输入 的 注册 信息 不 正确 ， 或 用 户 名 已 经 存在 ， 则 应 该 向 用 户 显示 注册 
失败 的 信息 。 所 以 这 里 再 新 建 一 个 regfail.php 页 面 ， 该 页 面 的 设计 如 图 7-62 所 示 。 


图 和 “二 ， Ou en es Won 加 Mae 
7-61 注册 成 功 的 regok.php 页 面 图 7-62 注册 失败 的 regfail.php 页 面 
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7.4.3 用 户 注册 功能 的 测试 


设计 完成 后 ， 就 可 以 测试 该 用 户 注册 功能 的 选择 情况 了 ， 具 体 的 操作 步骤 如 下 。 

ED 打开 I 下 浏览 器 ， 在 地 址 栏 中 输入 “http://localhost/register.php” 打 开 register.php 
页 面 ， 如 图 7-63 所 示 。 

EDP29 可 以 在 该 注册 页 面 中 输入 一 些 不 正确 的 信息 ， 如 漏 填 usemame、password 等 必 
填 字 段 ， 或 填写 错误 的 E-mail 地 址 ， 或 在 确认 密码 时 两 次 输入 的 密码 不 一 致 ， 以 测 
试 网 页 中 验证 表单 动作 的 情况 。 如 果 填 写 的 信息 不 正确 ， 则 浏览 器 应 该 弹出 警告 对 
话 框 ， 向 访问 者 显示 错误 原因 ， 如 图 7-64 所 示 是 一 个 出 错 提示 对 话 框 。 
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Tia mn 
图 7-63 ”打开 的 测试 页 面 图 7-64 ”出 错 提示 
EEJep 在 该 注册 页 面 中 尝试 注册 一 个 已 经 存在 的 用 户 名 ， 如 输入 “admin”， 用 来 测试 


新 用 户 服务 器 行为 的 选择 情况 ， 然 后 单 击 “ 确 定 ”按钮 。 此 时 ， 由 于 用 户 名 已 经 存 
在 ， 浏 览 器 会 自动 转 到 regfail.php 页 面 ， 如 图 7-65 所 示 ， 告 诉 访问 者 该 用 户 名 已 经 
存在 。 此 时 ， 访 问 者 可 以 单 击 “ 这 里 ”链接 文本 ， 返 回 registerphp 页 面 ， 以 便 重 新 进 
行 注册 。 

YY 在 该 注册 页 面 中 填写 如 图 7-66 所 示 的 注册 信息 。 
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图 7-65 注册 失败 的 页 面 显示 图 7-66 填写 正确 信息 


本 TBY 单 击 “ 确 定 ” 按 钮 。 由 于 这 些 注册 信息 完全 正确 ， 而 且 这 个 用 户 名 没有 重复 ， 
浏览 器 会 转 到 regok php 页 面 ， 向 访问 者 显示 注册 成 功 的 信息 ， 如 图 7-67 所 示 。 此 
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时 ,访问 者 可 以 单 击 “ 这 里 ”链接 文本 ， 转 到 index.php 页 面 ， 以 便 进行 登录 。 


NN 图 7-67 ”注册 成 功 页 面 


至 此 ， 基 本 上 完成 了 用 户 管理 系统 中 注册 功能 的 开发 和 测试 ， 在 制作 的 过 程 中 ， 可 以 根 
据 制 作 网 站 的 需要 ， 适 当 加 入 其 他 更 多 的 注册 文本 域 。 


7.5 用 户 注册 资料 修改 模块 的 设计 


修改 用 户 注册 资料 的 过 程 ， 就 是 在 用 户 数据 表 中 更 新 记录 的 过 程 ， 本 节 重 点 介绍 如 何在 
用 户 管理 系统 中 实现 用 户 资料 的 修改 功能 。 


7.5.1 设计 修改 资料 页 面 


该 页 面 主要 把 用 户 的 所 有 资料 都 列 出 ， 通 过 “更 新 记录 ”命令 实现 资料 修改 的 功能 。 具 
体 的 操作 步骤 如 下 。 

ETI 首先 制作 用 户 修改 资料 的 页 面 。 该 页 面 与 用 户 注册 页 面 的 结构 十 分 相似 ， 可 以 
通过 对 registerphp 页 面 的 修改 ， 来 快速 得 到 所 需要 的 记录 更 新 页 面 。 打 开 
register.php 页 面 ， 选 择 “ 文 件 ” 一 “另存 为 ”菜单 命令 ， 弹 出 “另存 为 ”对 话 框 ， 
将 该 文档 另存 为 userupdate php， 如 图 7-68 所 示 。 

EEC) 选择 “窗口 ”一 “服务 器 行为 ”菜单 命令 ， 弹 出 “服务 器 行为 ”面板 。 在 “ 服 
务 器 行为 ”面板 中 ， 删 除 全 部 的 服务 器 行为 ， 并 修改 其 相应 的 文字 ， 该 页 面 修改 完 
成 后 ， 显 示 效 果 如 图 7-69 所 示 。 

EC) 选择 “窗口 ”一 “ 绑 定 ” 菜 单 命 令 ， 弹 出 “ 绑 定 ”面板 ， 单 击 该 面板 上 轩 按 
钮 ， 在 弹出 的 菜单 中 ， 选 择 “ 记 录 集 (查询 )” 选 项 ， 则 会 弹出 “记录 集 ” 对 话 框 。 在 
该 对 话 框 中 进行 如 下 设置 : 

e@ 在 “名 称 ” 文 本 框 中 ， 输 入 “upuser” 作为 该 “记录 集 ” 的 名 称 。 
从 “连接 ”下 拉 列 表 框 中 ， 选 择 user 数据 源 连 接 对 象 。 
从 “表格 ”下 拉 列 表 框 中 ， 选 择 使 用 的 数据 库 表 对 象 为 member。 
在 “ 列 ” 选 项 组 中 选择 “全 部 ” 单 选 按钮 。 
在 “筛选 ” 栏 中 ， 设 置 记录 集 过 滤 的 条 件 是 username 为 =， 阶 段 变量 为 MM 


UseIName。 
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完成 后 的 设置 如 图 7-70 所 示 。 
EC 设置 完成 后 ， 单 击 “确定 ” 按 钮 ， 完 成 记录 集 的 绑 定 。 然 后 将 upuser 记录 集中 
的 字段 绑 定 到 页 面相 应 的 位 置 上 ， 如 图 7-71 所 示 。 
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7-68 “另存 为 ”对 话 框 图 7-69 userupdate.php 的 静态 页 面 
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图 7-70 定义 upuser“ 记 录 集 ” 7-71” 绑 定 动态 内 容 后 的 userupdate.php 页 面 


ED 对 于 网 页 中 的 单 选 按钮 组 sex 对 象 ， 绑 定 动态 数据 可 以 用 如 下 方法 。 单 击 “ 服 务 
器 行为 ”面板 上 的 的 按钮 ， 在 弹出 的 菜单 中 ， 选 择 “ 动 态 表 单元 素 ” 一 “动态 单 选 
按钮 ”命令 ， 设 置 动 态 单 选 按钮 组 对 象 ， 弹 出 “动态 单 选 按钮 ”对 话 框 ， 从 “ 单 选 
按钮 组 ”下 拉 列 表 框 中 ， 选 择 form1l 表单 中 的 单 选 按钮 组 sex， 如 图 7-72 所 示 。 

EECRD) 单 击 “选取 值 等 于 ”文本 框 后面 的 到 按钮 ， 从 弹出 的 “动态 数据 ”对 话 框 中 选 
择 记录 集 upuser 中 的 sex 字段 。 并 用 相同 的 方法 ， 设 置 “ 密 码 提示 问题 ”的 列表 选 
项 。 设 置 完成 后 ， 对 话 框 如 图 7-73 所 示 。 

ECEJD) 单 击 “服务 器 行为 ”面板 上 的 因 按 钮 ， 在 弹出 的 菜单 中 ， 选 择 “更 新 记录 ” 选 
项 ， 为 网 页 添加 更 新 记录 的 服务 器 行为 ， 如 图 7-74 所 示 。 

ES 弹出 “更 新 记录 ”对 话 框 ， 该 对 话 框 与 插入 记录 的 对 话 框 十 分 相似 ， 有 具体 的 设 
置 情 况 如 图 7-75 所 示 ， 这 里 不 再 重复 。 
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7-72 “动态 单 选 按钮 ”对 话 框 7-73 “动态 数据 ”对 话 框 


Go To Detail Page 
Go To Related page 


插入 记录 


图 7-74 选择 “更 新 记录 ”选项 图 7-75 “更 新 记录 ”对 话 框 
EE 设置 完成 后 ， 单 击 “ 确 定 ” 按 钮 ， 关 闭 该 对 话 框 ， 返 回 到 “文档 ”窗口 ， 然 后 
选择 “文件 ”一 “保存 ”菜单 命令 ， 将 该 文档 保存 到 本 地 站 点 中 。 
Em 由 于 本 页 的 MM _username 值 是 来 自 上 一 页 注册 成 功 后 的 用 户 名 值 ， 所 以 单独 测 
人 试 时 会 提示 出 错 ， 要 先 登 录 后 ， 在 登录 成 功 页 面 单 击 “ 修 改 你 的 注册 资料 ” 超 链 接 到 
该 页 面 才 会 产生 效果 ， 这 在 后 面 的 测试 实例 中 将 进行 介绍 。 


7.5.2 ”设计 更 新 成 功 页 面 


用 户 修 改 注 册 资 料 成 功 后 ， 就 会 转 到 userupdateok.php 页 面 。 在 该 网 页 中 ， 应 该 向 用 户 显 
示 资 料 修 改 成 功 的 信息 。 除 此 之 外 ， 还 应 该 考虑 两 种 情况 ， 如 果 用 户 要 继续 修改 资料 ， 则 为 
其 提供 一 个 返回 到 userupdate.php 页 面 的 超 文本 链接 ;如果 用 户 不 需要 修改 ， 则 为 其 提供 一 个 
转 到 用 户 登 录 页 面 mdex.php 的 超 文本 链接 。 
有 具体 的 制作 步骤 如 下 。 
EEIos 选择 “文件 ”一 “新 建 ”菜单 命令 ， 弹 出 “新 建文 档 ” 对 话 框 ， 选 择 “ 空 白 
页 ”选项 卡 中 “页 面 类 型 ”下 拉 列 表 框 下 的 PHP 选项 ， 在 “布局 ”下 拉 列 表 框 中 选 
择 “ 无 ”选项 ， 然 后 单 击 “创建 ”按钮 创建 新 页 面 ， 在 网 站 根 目录 下 新 建 一 个 名 为 


[es 


userupdateok.php 的 网 页 并 保存 。 

EEP29 为 了 向 用 户 提供 更 加 友好 的 界面 ， 则 应 该 在 网 页 中 显示 用 户 修改 的 结果 ， 以 供 
用 户 检查 修改 是 否 正确 。 我 们 首先 应 该 定义 一 个 记录 集 ， 然 后 将 绑 定 的 记录 集 揪 入 
到 网 页 中 相应 的 位 置 ， 其 方法 与 制作 页 面 userupdate.php 中 的 方法 一 样 。 通 过 在 表格 
中 添加 记录 集中 的 动态 数据 对 象 ， 把 用 户 修改 后 的 信息 显示 在 表格 中 ， 这 里 不 再 详 
细 说 明 ， 可 参考 前 面 的 内 容 ， 最 终结 果 如 图 7-76 所 示 。 


敬酒 崩 雄 也 酒 民 习 由 忆 册 2 中 


图 7-76 设计 “更 新 成 功 的 页 面 ” 
7.5.3 修改 资料 功能 的 测试 


编辑 工作 完成 后 ， 就 可 以 测试 该 修改 资料 功能 的 选择 情况 了 。 有 具体 的 操作 步骤 如 下 。 
EEIDp 打开 下 浏览 器 ， 在 地 址 栏 中 输入 “http://localhost/index.php” 打 开 index.php 页 
面 。 在 该 页 面 中 进行 登录 。 登 录 成 功 后 ， 进 入 welcome.php 页 面 ， 在 welcome.php 页 
面 单 击 “ 修 改 你 的 资料 ” 超 链接 ， 转 到 userupdate.php 页 面 ， 如 图 7-77 所 示 。 
ET 在 该 页 面 中 进行 一 些 修改 ， 然 后 单 击 “修改 ”按钮 将 修改 结果 发 送 到 服务 器 
中 。 当 用 户 记录 更 新 成 功 后 ， 浏 览 器 会 转 到 userupdateok.php 页 面 中 ， 显 示 修 改 资料 
成 功 的 信息 ， 同 时 ， 还 显示 了 该 用 户 修 改 后 的 资料 信息 ， 并 提供 转 到 更 新 成 功 页 面 
和 转 到 主页 面 的 链接 对 象 ， 这 里 对 “真实 姓名 ”进行 了 修改 ， 效 果 如 图 7-78 所 示 。 


网 上 草 市 


| 本 站 


一 
[ER] (35] 


图 7-77 修改 刘 莉 用 户 的 注册 资料 图 7-78 更 新 记录 成 功 的 显示 页 面 
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7.6 ”密码 查询 模块 的 设计 


在 用 户 注册 页 面 时 ， 涉 及 问题 和 答案 文本 框 ， 它 们 的 作用 是 当 用 户 忘 记 密码 时 ， 可 以 通 
过 这 个 问题 和 答案 到 服务 器 中 找 回 遗失 的 密码 。 实 现 的 方法 是 判断 用 户 提供 的 答案 与 数据 库 
中 的 答案 是 否 相 同 ， 如 果 相 同 ， 则 可 以 找 回 遗失 的 密码 。 


7.6.1 设计 密码 查询 页 面 


SN 本 小 节 主要 制作 密码 查询 页 面 lostpassword.php， 有 具体 的 制作 步骤 如 下 。 

EEC 选择“ 文件” 一“ 新建” 菜单 命令 ， 弹 出 “新 建文 档 ” 对 话 框 ， 选 择 “空白 
页 ”选项 卡 中 “页 面 类 型 ”下 拉 列 表 框 下 的 PHP 选项 ， 在 “布局 ”下 拉 列 表 框 中 选 
择 “ 无 ”选项 ， 然 后 单 击 “ 创 建 ”按钮 创建 新 页 面 ， 在 网 站 根 目录 下 新 建 一 个 名 为 
lostpassword.php 的 网 页 并 保存 。lostpassword.php 页 面 是 用 来 让 用 户 提交 要 查询 遗失 
密码 的 用 户 名 的 页 面 。 该 网 页 的 结构 比较 简单 ， 设 计 后 的 效果 如 图 7-79 所 示 。 


密码 查询 


图 7-79 lostpassword.php 页 面 


EEIPp 在 “文档 ”窗口 中 选中 表单 对 象 ， 然 后 在 其 对 应 的 “属性 ”面板 中 ， 在 “表单 
ID” 文 本 框 中 输入 “foml”， 在 “动作 ”文本 框 中 输入 “showquestion.php ”作为 
该 表单 提交 的 对 象 页 面 。 在 “方法 ”下 拉 列 表 框 中 选择 POST 作为 该 表单 的 提交 方 
式 ， 接 下 来 ， 将 输入 用 户 名 的 文本 域 命名 为 “inputname”， 如 图 7-80 所 示 。 


EE 1 


1 设置 表单 提交 的 动作 为 showquestion.php， 方 法 为 POST |! 


St [ii 
一 表单 owaestion rh | 
[tm | 方法 FosT - 编码 类 型 


画 队 2 字符 宽度 ) 。 ”类 型 酉 单行 6) 。 口 多 行 。 口 密码 P) 。 类 外) 无 加 
Jinputnane 最 多 字符 数 ”初始 值 0) is 
口 捕 
DR 


7-80 设置 表单 提交 的 动态 属性 


Se 表单 属性 设置 面板 中 的 主要 选项 作用 如 下 : 
@ 在 “表单 ID” 文 本 框 中 ， 输 入 标志 该 表单 的 唯一 名 称 。 命名 表单 后 ， 就 
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可 以 使 用 脚本 语言 (如 JavaScript) 引 用 或 控制 该 表单 了 。 如 果 不 命名 表 
单 ， 则 Dreamweaver CS6 使 用 语法 forml、from2、... 生 成 一 个 名 称 ， 并 
在 向 页 面 中 添加 每 个 表单 时 递增 n 的 值 。 

@ 在 “方法 ”下 拉 列 表 框 中 ， 选 择 将 表单 数据 传输 到 服务 器 的 方法 。POST 
方法 将 在 HTTP 请 求 中 嵌入 表单 数据 。GET 方法 将 表单 数据 附加 到 请 求 
该 页 面 的 URL 中 ， 是 默认 设置 ， 但 其 缺点 是 表单 数据 不 能 太 长 ， 所 以 
本 例 选 择 POST 方法 。 

@ 其 中 的 “目标 ”下 拉 列 表 框 用 于 指定 返回 窗口 的 显示 方式 ， 各 目标 值 的 
含义 如 下 所 示 。 
9  _blank: 在 未 命名 的 新 窗口 中 打开 目标 文档 。 
S _parent; 在 显示 当前 文档 的 窗口 的 父 窗口 中 打开 目标 文档 。 
@ self: 在 提交 表单 所 使 用 的 窗口 中 打开 目标 文档 。 
top: 在 当前 窗口 的 窗 体内 打开 目标 文档 。 此 值 可 用 于 确保 目标 文 

档 占用 整个 窗口 ， 即 使 原始 文档 显示 在 框架 中 。 


当 用 户 在 lostpassword.php 页 面 中 输入 用 户 名 并 单 击 了 “提交 ”按钮 后 ， 这 时 会 通过 
表单 将 用 户 名 提交 到 showquestion.php 页 面 中 ， 该 页 面 的 作用 ， 就 是 根据 用 户 名 从 
数据 库 中 找到 对 应 的 记录 的 提示 问题 ， 并 显示 在 showquestion.php 页 面 中 ， 用 户 在 
该 页 面 中 输入 问题 的 答案 。 
下 面 就 制作 显示 问题 的 页 面 ， 操 作 步 骤 如 下 。 

EEC) 新 建 一 个 文档 。 设 置 好 网 页 属性 后 ， 输 入 网 页 标题 “查询 问题 ”， 选 择 “ 文 
件 ” 一 “保存 ”菜单 命令 ， 将 该 文档 保存 为 “showquestion.php”。 

EEC 在 Dreamweaver CS6 中 制作 静态 网 页 ， 完 成 的 效果 如 图 7-81 所 示 。 


誉 济 山 融 卫 十 到 允 痕 需 / 洲 


[cm 站 让 已 省 各 生产 家 村 直 供 全 让 全 号 
9 网 关 渴 费 生生 全 二 品质 保 隆 全 的 闭合 
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7-81 showquestion .php 页 面 的 静态 设计 
莉 于 BY 在 “文档 ”窗口 中 选中 表单 对 象 ， 在 其 对 应 的 “属性 ”面板 中 ， 在 “动作 ” 文 
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本 框 中 输入 “showpassword.php”， 作 为 该 表单 提交 的 对 象 页 面 。 在 “方法 ”下 拉 列 


表 框 中 选择 POST 作为 该 表单 的 提交 方式 ， 如 图 7-82 所 示 。 接 下 来 ， 将 输入 密码 提 
示 问 题 答案 的 文本 域 命名 为 “inputanswer”。 
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动 fE [shorplssword php DD 
方法 POsT = 编码 类 型 
NN 
加 文本 域 字符 亮度 类 型 回 单行 G) 。 口 多 行 轨 总 灾 码 加 类 名 无 > 
BN N Jinputanswer 最 多 字符 堵 。 ”初始 值 中 EE 
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7-82 设置 表单 提交 的 属性 


四 于 BY 选择 “窗口 ”一 “ 绑 定 ” 菜 单 命令 ， 弹 出 “ 绑 定 ” 面 板 ， 单 击 该 面板 上 的 因 按 
钮 ， 在 弹出 的 菜单 中 选择 “记录 集 (查询 )” 命 令 ， 则 会 打开 “记录 集 ” 对 话 框 。 

EED 在 该 对 话 框 中 进行 如 下 设置 : 

e@ 在“ 名称” 文本 框 中 输入 “Recordset1” 作 为 该 记录 集 的 名 称 。 

从 “连接 ”下 拉 列 表 框 中 选择 user 数据 源 连 接 对 象 。 

从 “表格 ”下 拉 列 表 框 中 ， 选 择 使 用 的 数据 库 表 对 象 为 member。 

在 “ 列 ” 选 项 组 中 ， 选 择 “ 选 定 的 ” 单 选 按钮 ， 然 后 ， 从 下 拉 列 表 框 中 选择 

username 和 question 。 

e 在 “筛选 ” 栏 中 ， 设 置 记 录 集 过 滤 的 条 件 ， 即 usemame 为 =， 表 单 变量 为 
inputname， 表 示 根 据 数据 库 中 usemame 字段 的 内 容 是 否 与 从 上 一 个 网 页 中 的 表 
单 中 的 inputname 表单 对 象 传递 过 来 的 信息 完全 一 致 来 过 滤 记 录 对 象 。 

完成 后 的 设置 如 图 7-83 所 示 。 


名 称 : Recordset1 


inputname 来 作 
为 提示 问题 的 
第 选 条 件 


图 7-83 “记录 集 ” 对 话 框 
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EEC 设置 完成 后 ， 单 击 该 对 话 框 上 的 “确定 ”按钮 关闭 该 对 话 框 ， 返 回 到 “文档 ” 
窗口 。 将 Recordsetl 记录 集中 的 question 字段 绑 定 到 页 面 上 相应 的 位 置 ， 如 图 7-84 
所 示 。 


和 ! 将 question 字段 绑 定 


问题 答案 : 中 到 页 面 上 相应 的 位 置 


7-84 绑 定 字段 


EEIRE 选择 “插入 ”一 “表单 ”一 “隐藏 域 ”菜单 命令 ， 在 表单 中 插入 一 个 表单 隐藏 
域 ， 然 后 将 该 隐藏 域 的 名 称 设置 为 “usemame”， 如 图 7-85 所 示 。 


凌 沙 闭 夏 了 于 革 习 由 局 届 7 洲 


7-85 ”设置 隐藏 域 


ED 选中 该 隐藏 域 ， 转 到 “ 绑 定 ”面板 ， 将 Recordsetl 记录 集中 的 username 字段 绑 
定 到 该 表单 隐藏 域 中 ， 如 图 7-86 所 示 。 


pr 当 用 户 输入 的 用 户 名 不 存在 时 ， 即 记录 集 Recordsetl 为 空 时 ， 就 会 导致 该 页 面 不 
半 能 正常 显示 ， 这 就 需要 设置 隐藏 区 域 。 


EEIDp 在 “文档 ”窗口 中 ， 选 中 当 用 户 输入 用 户 名 存在 时 显示 的 内 容 ， 即 整个 表单 ， 
然后 单 击 “服务 器 行为 ”面板 上 的 的 按钮 ， 在 弹出 的 菜单 中 ， 选 择 “显示 区 域 ” 一 
“如 果 记 录 集 不 为 空 则 显示 区 域 ”命令 ， 则 会 打开 “如 果 记 录 集 不 为 空 则 显示 区 
域 ” 对 话 框 ， 在 该 对 话 框 中 ， 选 择 记录 集 对 象 为 Recordsetl 。 这 样 ， 只 有 当 记 录 集 
Recordsetl 不 为 空 时 ， 才 显示 出 来 。 设 置 完成 后 ， 单 击 “ 确 定 ” 按 钮 ， 如 图 7-87 所 
示 。 关 闭 该 对 话 框 ， 返 回 到 “文档 ”窗口 。 


7-86 添加 表单 隐藏 域 图 7-87 “如 果 记录 和 集 不 为 空 则 显示 区 域 ” 对 话 框 


EEC) 在 网 页 中 编辑 显示 用 户 名 不 存在 时 的 文本 “该 用 户 名 不 存在 ! ”， 并 为 这 些 内 
容 设 置 一 个 “如 果 记 录 集 为 空 则 显示 区 域 ” 隐 藏 区 域 服务 器 行为 ， 这 样 ， 当 记录 集 
Recordsetl 为 空 时 ， 将 显示 这 些 文本 ， 完 成 后 的 网 页 如 图 7-88 所 示 。 
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下 
-1 为 页 面 设计 ! 
! “条 件 显示 ! 
1 
1 


图 7-88 设置 隐藏 区 域 
7.6.2 完善 密码 查询 功能 页 面 


当 用 户 在 showquestion.php 页 面 中 输入 答案 ， 单 击 “ 提 交 ” 按 钮 后 ， 服 务 器 就 会 把 用 户 名 
和 密码 提示 问题 答案 提交 到 showpassword.php 页 面 中 。 下 面 介绍 如 何 设计 该 页 面 。 

操作 步骤 如 下 。 

了 TID 选择 “文件 ”一 “新 建 ”菜单 命令 ， 弹 出 “新 建文 档 ” 对 话 框 ， 选 择 “ 空 白 
页 ”选项 卡 中 “页 面 类 型 ”下 拉 列 表 框 下 的 PHP 选项 ， 在 “布局 ”下 拉 列 表 框 中 选 
择 “无 ”选项 ， 然 后 单 击 “ 创 建 ”按钮 创建 新 页 面 ， 在 网 站 根 目 录 下 新 建 一 个 名 为 
“showpassword.php” 的 网 页 并 保存 。 

EERD) 在 Dreamweaver CS6 中 使 用 提供 的 制作 静态 网 页 的 工具 ， 完 成 如 图 7-89 所 示 的 
静态 部 分 。 


图 7-89 showpassword.php 页 面 静 态 部 分 的 设计 


ECDIS 选择 “窗口 ”一 “ 绑 定 ” 菜 单 命令 ， 弹 出 “ 绑 定 ” 面 板 ， 单 击 该 面板 上 的 四 按 
钮 ， 在 弹出 的 菜单 中 选择 “记录 集 (查询 )” 选 项 ， 会 弹出 “记录 集 ” 对 话 框 。 
EC 在 该 对 话 框 中 进行 如 下 设置 : 
e。 在 “名 称 ”文本 框 中 ， 输 入 “Recordset1” 作 为 该 记录 集 的 名 称 。 
®。 ”从 “连接 ”下 拉 列 表 框 中 ， 选 择 user 数据 源 连 接 对 象 。 
e ”从 “表格 ”下 拉 列 表 框 中 ， 选 择 使 用 的 数据 库 表 对 象 为 member。 
e 在 “ 列 ” 选 项 组 中 ， 选 择 “ 选 定 的 ” 单 选 按钮 ， 然 后 选择 字段 列表 框 中 的 


第 是 
username、password 和 answer 等 3 个 字段 就 行 了 。 _ 
e ”在 “筛选 ” 栏 中 设置 记录 集 过 滤 条 件 : answer 为 =， 表 单 变量 为 inputanswer， 
表示 根据 数据 库 中 answer 字段 的 内 容 是 否 与 从 上 一 个 网 页 中 的 表单 中 的 菇 
inputanswer 表单 对 象 传递 过 来 的 信息 完全 一 致 来 过 滤 记 录 对 象 。 吕 
完成 的 设置 情况 如 图 7-90 所 示 。 用 
管 
et 
“1@ 按 住 cal 键 ， 选 择 其 中 | 村 
1 的 usemame、password 和 1 
1answer 字段 1 
ES 
1@ 设 轩 answer 的 簿 
! 选 项 为 表单 变量 中 1 ___ 
1 的 inputanswer 值 ! 
1 1 


图 7-90 “记录 集 ” 对 话 框 


EB 单 击 “ 确 定 ” 按 钮 关闭 该 对 话 框 ， 返 回 “ 文 档 ” 窗 口 。 将 记录 集中 的 username 
和 password 两 个 字段 分 别 添加 到 网 页 中 ， 如 图 7-91 所 示 。 


查 词 结果 
对 不 起 您 输入 的 答案 不 正确 ， 请 单 击 这 里 重新 输入 ? 


1 将 绑 定 的 两 个 字 
1 段 插入 到 页 面 中 


密码 : flecordsetl password} 


图 7-91 加 入 记录 集 的 效果 


EC 同样 ， 需 要 根据 记录 集 Recordsetl 是 否 为 空 ， 为 该 网 页 中 的 内 容 设置 隐藏 区 域 
的 服务 器 行为 。 在 “文档 ”窗口 中 ， 选 中 当 用 户 输入 密码 提示 问题 答案 正确 时 显示 
的 内 容 ， 然 后 单 击 “ 服 务 器 行为 ”面板 上 的 办 按钮 ， 在 弹出 的 菜单 中 ， 选 择 “ 显 示 
区 域 ”一 “如 果 记 录 集 不 为 空 则 显示 区 域 ”命令 ， 弹 出 “如 果 记 录 集 不 为 空 则 显示 
区 域 ”对 话 框 ， 在 该 对 话 框 中 ， 选 择 记录 集 对 象 为 Recordsetl 。 这 样 ， 只 有 当 记录 
集 Recordsetl 不 为 空 时 ， 才 显示 出 来 ， 如 图 7-92 所 示 。 设 置 完成 后 ， 单 击 “ 确 定 ” 
按钮 ， 关 闭 该 对 话 框 ， 返 回 到 “文档 ”窗口 。 

ES 在 网 页 中 选择 当 用 户 输入 密码 提示 问题 答案 不 正确 时 显示 的 内 容 ， 并 为 这 些 内 
容 设置 一 个 “如 果 记 录 集 为 空 则 显示 区 域 ”隐藏 区 域 服务 器 行为 ， 这 样 ， 当 记录 集 
Recordsetl 为 空 时 ， 就 显示 这 些 文本 ， 如 图 7-93 所 示 。 

TY 完成 后 的 网 页 如 图 7-94 所 示 。 选 择 “ 文 件 ” 一 “保存 ”菜单 命令 ， 将 该 文档 保 
存 到 本 地 站 点 中 。 
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7-92 “如 果 记录 集 不 为 空 则 显示 区 域 ” 对 话 框 7-93 “如 果 记 录 和 集 为 空 则 显示 区 域 ”对 话 框 
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图 7-94 ”完成 后 的 网 页 效果 
7.6.3 ”密码 查询 模块 的 测试 


编辑 工作 完成 后 ， 就 可 以 测试 密码 查询 模块 功能 的 选择 情况 了 。 具 体 的 操作 步 又 如 下 。 

ED 打开 I 下 浏览 器 ， 在 地 址 栏 中 输入 “http://localhost/index.php”， 打 开 index.php 
文件 ， 如 图 7-95 所 示 。 

EY 单 击 “ 找 回 密码 ” 超 链接 ， 进 入 “密码 查询 ”页 面 ， 在 “用 户 名 ”文本 框 中 输 
入 要 查询 密码 的 用 户 名 称 ， 如 这 里 输入 “ 刘 莉 ”， 如 图 7-96 所 示 。 

让 食 合 末 购 更 加 简单 


和 


和 nn 
Ea 6 作坊 © es 
安全 /方便 /放心 ! 必 
A Oi Ome Ot Om 
图 7-95 用 户 管理 系统 主页 图 7-96 “密码 查询 ”页 面 


ETTBY 单 击 “ 提 交 ” 按 钮 ， 进 入 “查询 问题 ”页 面 ， 在 其 中 根据 提示 ， 输 入 问题 的 答 
案 ， 如 图 7-97 所 示 。 

EC 单 击 “ 提 交 ” 按 钮 ， 进 入 “查询 结果 ”页 面 ， 如 果 问 题 回答 正确 ， 则 在 该 页 面 
中 显示 用 户 的 名 称 和 密码 信息 ， 密 码 查询 成 功 ， 如 图 7-98 所 示 。 
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图 7-97 “查询 问题 ”页 面 图 7-98 “查询 结果 ”页 面 
EEIDp 如 果 在 “查询 问题 ”界面 中 输入 的 问题 答案 与 注册 时 输入 的 不 一 样 ， 当 单 击 
“提交 ”按钮 后 ， 会 显示 如 图 7-99 所 示 的 提示 信息 ， 提 示 用 户 问题 回答 错误 。 
EECDRUD 这 时 ， 单 击 “ 这 里 ”超级 链接 ， 会 返回 到 “密码 查询 ”页 面 中 ， 这 就 说 明 密码 

查询 模块 功能 测试 成 功 ， 如 图 7-100 所 示 。 


ED 


[¢ /SC Er pp-ncx oe 【< 大 
[3 v 


让 食堂 采购 更 加 简单 ， 


pepe pes ©— © OO 


Oh 9 © “en 
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图 7-99 提示 信息 页 面 图 7-100 “密码 查询 ”页 面 
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开发 网 站 交互 
留言 板 系统 


随 着 互联 网 的 发 展 ， 越 来 越 多 的 用 户 已 经 可 以 使 用 互联 网 进行 信息 交互 了 ， 而 
网 站 留言 板 的 开发 ， 解 决 了 信息 交互 复杂 和 交互 困难 的 问题 。 留 言 板 主要 是 网 上 信 
息 发 布 的 平台 ， 大 多 作为 网 站 的 辅助 功能 存在 。 浏 览 网 页 的 用 户 可 以 通过 留言 板 进 
行 留 言 的 查看 。 而 管理 员 则 可 以 对 用 户 的 留言 进行 管理 和 删除 等 操作 。 


学 习 目 标 (已 掌握 的 在 方 框 中 打 勾 ) 


上 悉 网 站 交互 留言 板 系统 的 功能 
47 
言 板 系统 的 ; ; 


留 管理 页 人 作 方 


CN 
dh yd 
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8.1 


系统 的 功能 分 析 


本 章 所 制作 的 “网 站 交互 留言 板 ”， 留 言 显 示 及 管理 留言 的 功能 都 十 分 完整 ， 相 信用 户 
可 以 在 以 下 的 说 明 中 ， 制 作出 一 个 设计 出 色 、 功 能 完整 的 留言 板 。 


8.1.1 规划 网 页 结构 和 功能 
本 章 将 要 制作 的 网 站 交互 留言 板 系统 的 网 页 及 网 页 结构 如 图 8-1 所 示 。 


网 站 交互 留言 板 系统 


index. php 


访问 者 留言 


留言 板 后 台 登 录 


boardpublish. php 


adminLogin. php 


boardAdmin. php 


delboard. php 


图 8-1 系统 的 结构 


本 系统 的 主要 结构 分 为 留言 者 访问 部 分 和 留言 板 后 台 管理 两 个 部 分 
个 页 面 ， 各 个 页 面 的 名 称 和 对 应 的 文件 名 、 功 能 如 表 8.1 所 示 。 


表 8.1 用 户 管理 系统 网 页 的 设计 


， 整 个 系统 中 ， 共 有 5 


页 面 名 称 功 能 
index.php 数字 留言 板 的 主页 面 
boardpublish.php 添加 留言 页 面 
adminLogin.php 管理 员 登 录 页 面 
boardAdmin.php 管理 留言 主页 面 
delboard.php 删除 留言 页 面 


8.1.2 页面 设 计 规 划 


在 本 地 站 点 上 建立 站 点 文件 夹 “board”， 用 来 容纳 将 要 建立 制作 的 交互 留言 板 系 统 的 文 


件 夹 和 文件 ， 如 图 8-2 所 示 。 


GO -ee 
文 # 站 ”和 且 日” 二 在 M 工具 帮助) 
包含 到 库 中 ” 共享 。 列 妇 新 建文 中 闪 0 | 


i Ce 
< < 只 


boardpubl delboard, 
ishphp php 


得 识 ” 


< 
indexphp 


这 
< 
adminlogi boardAd 
mphp minphp 


images 


图 8-2 规划 站 点 文件 和 文件 夹 
8.1.3 ”网 页 美工 设计 


本 实例 整体 框架 比较 简单 ， 美 工 设计 效果 如 图 8-3 所 示 。 初 学 者 在 设计 制作 过 程 中 ， 可 
以 打开 光盘 中 的 素材 ， 找 到 相关 站 点 的 images( 图 片 ) 文 件 夹 ， 其 中 放置 了 已 经 编辑 好 的 图 片 。 


Er 


; Ey Br 


[2] 喜欢 什么 电影 
我 最 喜欢 的 电影 是 要 洛 特 烦 居 


2015/11/2 


王 刀 
[1] 最 喜欢 的 歌曲 2015/11/5 
我 最 走 欢 的 歌曲 星光 克 岁月 

张 三 


记录 1 到 2 (总 共 2) 


8-3 首页 的 美工 效果 


8.2 数据 库 的 设计 与 连接 


本 节 主 要 讲述 如 何 使 用 phpMyAdmin 建立 用 户 管理 系统 的 数据 库 ， 以 及 如 何 使 用 
Dreamweaver 在 数据 库 与 网 站 之 间 建 立 动态 连接 。 


数据 库 的 设计 


通过 对 网 站 投票 系统 功能 的 分 析 ， 可 以 发 现 ， 这 个 数据 库 应 该 包括 两 张 表 ， 分 别 为 board 
数据 表 和 admin 数据 表 。 
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1.board 数据 表 


这 个 数据 表 主 要 是 储存 保存 所 有 留言 板 的 数据 ， 字 段 的 命名 都 以 “bd_” 为 前 导 符 。 本 数 
据 表 以 bd_id( 留 言 编号 ) 为 主键 。 该 数据 库 的 结构 如 表 8.2 所 示 。 


表 8.2 board 数据 表 的 结构 


名 VARCHAR(20) 
人 表情 上 VARCHAR(20) 
主题 VARCHAR(50) 


2. admin 数据 表 
这 个 数据 库 表 主要 是 储存 登录 管理 界面 的 账号 和 密码 ， 该 数据 库 的 结构 如 表 8.3 所 示 。 
表 8.3 admin 数据 表 的 结构 


字段 撕 述 | 字段 名 | 。 数据 类 型 | 主键 | 外 刍 | 非 空 | 唯 - 
| mme | 


| vakcHARC0) | 是 | 百 | 是 | 是 


是 | 无 
| posswors | vaRcHAgco | 否 | 百 | 是 | 百 | 无 | 


创建 数据 库 的 步骤 如 下 。 
EC 启动 phppMyAdmin， 在 主 界面 的 左 侧 列表 中 单 击 New， 如 图 8-4 所 示 。 


ET 


Sp- cx 


8-4 ” phpMyAdmin 的 工作 界面 
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EEC 在 文本 框 中 输入 要 创建 数据 库 的 名 称 “boardsystem”， 然 后 单 击 “ 创 建 ” 按 
钮 ， 如 图 8-5 所 示 。 


9 ms so Mn RA LS BAS 


数据 库 互 
局 新建 数据 库 全 
boardsystem | 排序 规则 辆 | 系 

统 


8-5 创建 数据 库 boardsystem 


GETE> 接着 就 要 回 到 phpMyAdmin 的 管理 界面 ， 为 MySQL 中 的 boardsystem 数据 库 添 
加 数据 表 。 在 左 侧 列表 中 选择 创建 的 boardsystem 数据 库 ， 然 后 在 右 侧 的 页 面 中 输入 
添加 的 数据 表 名 称 和 字段 数 ， 然 后 单 击 “ 执 行 ”按钮 ， 如 图 8-6 所 示 。 


| 


二 的 加 SQ 尺 规 索 昌吉 有 加 SU 加 SA 让 扫 人 f 更 多 
数据 库 中 没有 表 。 
翻 新 建 教 据 到 


名 字 : [board 字数 [7 | 


图 8-6 新建 数据 表 board 
EGG 请 按照 表 8.2 的 内 容 设 置 数据 表 ， 添 加 的 数据 表 字段 如 图 8-7 所 示 。 


= 


CD INT gb2312_chinasa wsewep 本 | 冰 | [PRIMARY 
画 
画 


EE |] 
bd face MROHNN 四 无 国 [9eosd_oeneral a] 圆 四 |[- 四 
5 


I 


| 


a 


[ER DATETME C |] 蕊 同 [paomnoso la] [ 画 日 


1 
| 回 
国 


图 8-7 添加 数据 表 字 段 


GET 在 设置 完毕 后 ， 单 击 “ 保 存 ”按钮 ， 即 可 查看 board 数据 表 ， 如 图 8-8 所 示 。 

E> 选择 board 数据 表 ， 单 击 项 部 的 “插入 ”标签 。 依 照 字段 的 顺序 ， 将 对 应 的 数值 
依次 输入 ， 单 击 “ 执 行 ”按钮 ， 即 可 插入 数据 ， 如 图 8-9 所 示 。 

ET 按照 图 8-10 所 示 的 数据 ， 重 复 执行 上 一 步 的 操作 ， 将 数据 输入 到 数据 表 中 。 

ETE> 用 上 述 方法 ， 参 照 表 83， 创 建 一 个 名 称 为 “admin” 的 数据 表 。 输 入 字段 名 称 


二 
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并 设置 其 属性 ， 最 终 效果 如 图 8-11 所 示 。 
为 了 演示 效果 ， 对 admin 数据 表 添 加 记录 ， 如 图 8-12 所 示 。 


桂 构 局 SQL 有 搜索 防 括 A 局 册 晤 SA 


权限 祖 所 作法 地 发 各 


A 

冒 1 bdid intf8) UnsGnEo 否 元 ”AUTO_INCREMENT 多 悠 次 @ 岂 除 疡 主 盾 国 唯 一 
回 2 bd_name varchar(20) gb2312_chinese 5 否 云 好 和 疏 加 出 除 户主 符 国 唯一 
加 3 bd face varchar(20) geostd8_general ci 否 无 8 改 @ 吊 f 几 主 和 国 唯 一 
癌 4 bd_subject varchar(50) gb2312_chinese 否 天 7 改 加 出 际 . 忆 主 奸 国 唯一 
四 5 bd_time datetime 杰 还 这 下 加 ml 际 房 主 社 国 唯一 
回 6 bd_email varchar(20) gb2312 chinese_ci 否 扼 让 改 加 出 际 己 主 和 加 唯一 
加 7 bd_content text gh2312_chinese_ci 否 无 村 让 下 四 M 院 峭 主 建国 唯一 


图 8-8 board 数据 表 


园 洲 了 结构 辐 SQL 忆 拓 索 对话 区 号 出 EEC ER 
天 宇 香 
bd_id int(0) unsigned 国 FF | 
a 二 
balace varcha(20) 人 天 [ER | 
bd_sublect varcnarf50) 国 | 最 喜欢 的 歌 拍 
| poe) pe 国 [a051222000000 | 图 
| 
ei 加 | [sr975357@aq com 
bd_content text 国 | 。 我 可 宝生 晤 是 光 这 岁月 辐 
5 
8-9 插入 数据 
ou done pdaee pdbiect bitime Mem bdcomnl 
1| 张 三 images/face/m01.jpg 最 喜欢 的 歌曲 2015-12-22 00:00.00 57975357@qq .com | 我 最 喜欢 的 歌曲 是 光 榴 风 月 | 


2 王妃 imageslfacelm03jpg 喜欢 什么 电影 2015-12-10 00.00.00 |25789562@qq com 我 最 次 的 电影 是 夏 党 特 烦人 


图 8-10 board 表 中 应 输入 的 记录 


血 拖 据 库 : boardsystem » 届 去 - admin 


加 浏览 MW 阁 构 辐 SQL 又 搜索 防 括 入 时 导出 


# 名 字 类 型 排序 规则 属性 空 默认 阁 外 username password 

1 username varchar(20) gb2312_chinese_ci 否 去 a 

2 password varchar(20) gb2312_chinese_ci 亚 所 admin |admin | 
图 8-11 admin 的 表 结构 8-12 在 admin 表 中 输入 的 记录 


8.2.2 创建 数据 库 连 接 


数据 库 编 辑 完 成 后 ， 必 须 在 Dreamweaver CS6 中 建立 数据 源 连接 对 象 。 这 样 做 的 目的 ， 
是 方便 在 动态 网 页 中 使 用 前 面 建立 的 信息 系统 数据 库 文件 和 动态 地 管理 信息 数据 。 具 体操 作 
步骤 如 下 。 


EEIDp 根据 前 面 介绍 过 的 站 点 设置 方法 ， 设 置 好 “站 点 ”、“ 文 档 类 型 ”、“ 测 试 服 
务 器 ”。 打 开 随 书 光盘 中 的 “素材 \board\index.php ”文件 页 面 ， 选 择 “ 窗 口 ” 一 
“数据 库 ” 命 令 ， 进 入 “数据 库 ” 面 板 。 单 击 “ 数 据 库 ” 面板 中 的 国 按 钮 ， 会 弹出 如 
图 8-13 所 示 的 菜单 ， 选 择 “MySQL 连接 ”选项 。 

ED 弹出 “MySQL 连接 ”对 话 框 后 ， 填 入 自 定义 的 连接 名 称 “boardsystem”， 填 入 
MySQL 服务 器 的 用 户 名 和 密码 ， 单 击 “ 选 取 ” 按 钮 来 选取 连接 的 数据 库 ， 如 图 8-14 
所 示 。 


连接 名 称 : boardsystem 
MySQL 服务 器 : localhost 
用 户 名 : root 


图 8-13 ”连接 数据 库 图 8-14 “MySQL 连接 ”对 话 框 
EE 弹出 “选取 数据 库 ” 对 话 框 ， 选 择 boardsystem 数据 库 ， 单 击 “ 确 定 ” 按 钮 ， 如 
图 8-15 所 示 。 


EEC 返回 到 “MySQL 连接 ”对 话 框 后 ， 单 击 “ 确 定 ”按钮 。 回 到 Dreamweaver CS6 
后 ， 可 以 打开 “数据 库 ” 面 板 ，boardsystem 数据 库 的 数据 表 在 连接 设置 后 已 经 读 入 
Dreamweaver CS6 了 ， 如 图 8-16 所 示 。 


图 8-15 “选取 数据 库 ”对 话 框 图 8-16 “数据 库 ”面板 


国 于 BY 同时， 在 网 站 根 目录 下 ， 将 会 自动 创建 名 为 Connections 的 文件 夹 ， 该 文件 夹 内 
有 一 个 名 为 boardsystem.php 的 文件 ， 打 开 该 文件 ， 切 换 到 “代码 ”视图 ， 添 加 以 下 
代码 : 


mysql query("set character set 'gb2312'"); 
mysql query("set names 'gb2312'"); 


添加 效果 如 图 8-17 所 示 。 
EC) 在 Dreamweaver CS6 界面 中 选择 “文件 ”一 “保存 ”菜单 命令 ， 保 存 该 文档 ， 
完成 数据 库 的 连接 。 


外 
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: 村 
$hostnane_boardsystem = "localhost"; 
I saatabase boardsystem = "boardsystem"; 
$username_ boardsystem = "root"; 
SM Spassword boardsystem = ""; 
$boardsysten = mysql_pconnecc ($hostname boardsystem, 
Susername_boardsystem, Spassword boardsystem) or 
trigger_error (mysql_error(),E_USER_ERROR); 
mysql_query ("set character set 'gb2312"'m") :// 读 考据 庄 坑 到 
本 =y>ql_query("sec names 'gb2312'") :// 瑟 才 据 庄 储 司 

a > 


图 8-17 添加 代码 
8.3 留言 板 管理 系统 页 面 的 制作 
留言 板 管理 系统 的 主要 界面 包括 数字 留言 板 的 主页 面 、 添 加 留言 板 页 面 、 管 理 员 登 录 页 
面 、 管 理 留言 主页 面 、 删 除 留言 页 面 等 。 首 先 要 制作 的 是 留言 板 管理 系统 的 主页 面 ， 用 户 可 
以 在 这 个 页 面 中 看 到 当前 系统 中 所 有 的 留言 ， 用 户 可 以 挑选 感 兴趣 的 留言 ， 并 查看 内 容 。 


8.3.1 留言 板 管理 系统 主页 面 的 制作 


完成 数据 库 连 接 以 后 ， 即 可 制作 留言 板 系统 主页 面 了 ， 操 作 步 又 如 下 。 

ED 首先 在 index.php 页 面 中 设置 记录 集 ， 切 换 到 “ 绑 定 ”面板 ， 单 击 该 面板 中 的 
四 按钮 ， 在 弹出 的 菜单 中 选择 “记录 集 ( 查 询 )” 命 令 ， 弹 出 “记录 集 ” 对 话 框 ， 设 
置 如 图 8-18 所 示 。 


1 gE 1~、 
! 中 输入 记录 ! 名 称 六 ecboard ] 确定 
S sa ___! 连接 jesrdsysten | [ 定 汉 取消 
BA! S| 二 
一 一 一 一 一 一 一 一 一 7 到 :@ 全 部 “ 占 选 定 的 : Se a 
! 加 选择 使 用 [ie | E 
1 的 连接 |! ass 日 加 选择 使 用 ! 
1 bd_subject 1 
tt bd_time ] 的 数据 
第 选 : | 无 中 [= le ! 
me | ee SS ---- 
排序 [bdsid | 隐 序 可 1 @ 选 择 按 bd id ! 
1 降序 排列 
一 一 一 一 一 一 - el 


图 8-18 “记录 集 ” 对 话 框 


TE》 单 击 “ 测 试 ”按钮 ， 打 开 “ 测 试 SQL 指令 ”对 话 框 ， 数 据 表 中 的 记录 果然 依照 
bd_id 字段 降序 排列 ， 如 图 8-19 所 示 。 


bdsubject bdtine bdenail bd_content 


喜欢 什 2015/11/2 。 2578956. .我 最 喜 .…. 
最 喜欢 2015/11/5 。 3579753- 我 最 喜 


[TO ] [Frm 


8-19 “测试 SQL 指令 ”对 话 框 


BY 单 击 “ 确 定 ”按钮 ， 返 回 “ 记 录 集 ”对 话 框 ， 再 次 单 击 “ 确 定 ” 按 钮 ， 即 可 完 
成 记录 集 的 绑 定 。 

ER 在 “ 绑 定 ” 面 板 中 出 现 上 面 设 置 的 记录 集 名 称 ， 展 开 后 ， 将 需要 引用 的 数据 字 
段 一 一 拖 忠 到 网 页 中 ， 如 图 8-20 所 示 。 

Dw mm- 0- & [ 


IE) 至 者 (V) 要 和 |]】 合 改 IM) MK(O) 训令 区 语 引 本 D(W 各 和 HI 
| 


ET 


加 江 菏 贡 要 加 由 号 习 尖 必 才 8 小 


! 加 将 数据 字段 拖 ! 
! 电 到 合适 的 位 置 上- 直 狂 用 2 


二 


EE 
-时 -GO EMO 
晤 0 WC 

一 A | 高 0 村 外 


图 8-20 ”将 字段 拖 点 到 网 页 中 


EEC 接着 ， 设 置 留言 信息 中 的 表情 图 片 的 显示 ， 选 择 图 像 占 位 符 ， 单 击 “ 浏 览 文 
件 ” 按 钮 ， 如 图 8-21 所 示 。 


在 留言 板 中 ， 每 则 留言 都 可 以 选择 一 个 留言 表情 。 而 表情 图 片 并 不 是 直接 保存 在 
数据 库 中 ， 而 是 只 保存 表情 图 片 的 文件 名 。 在 显示 时 ， 只 要 使 用 数据 库 中 保存 的 文件 
名 替换 图 片 的 显示 路 径 ， 即 可 正确 显示 表情 图 片 了 。 在 本 例 中 ， 将 所 有 的 表情 图 片 放 
置 在 <board\images\face> 中 ， 所 以 所 有 要 显示 的 图 片 名 称 要 加 上 这 个 前 置 路 径 才 能 正 
确 显示 。 


EC 弹出 “选择 图 像 源 文件 ”对 话 框 ， 在 该 对 话 框 中 选择 “数据 源 ” 单 选 按钮 ， 
然后 在 “ 域 ” 列 表 中 选择 “记录 集 (Recboard)” 选 项 中 的 bd_face 字段 ， 如 图 8-22 
所 示 。 

EED 单 击 “ 确 定 ” 按 钮 ， 完 成 记录 和 集 的 绑 定 。 然 后 设置 页 面 中 的 重复 区 域 效果 ， 如 


了 提示 
不 


2a®@ 


Dreamweaver+PHP+MySQL 动 态 网 站 开发 
案例 课堂 > 


图 8-23 所 示 。 


1 @ 在 此 提前 输入 前 ! 


一 一 一 | 置 路 径 ， 提 醒 用 户 “上 一 T 


> Cr) Cd .> Ring) 


i “浏览 , 语 


文件 ”命令 
图 入， 这。 源 文件 加) [insees/face/ NN -~-~-~-~~ 一 一 a [em 
| = 
8-21 设置 图 片 占 位 符 的 链接 
a | 
Do ET WE ry 
Mid 
天 
WR Keile wche $eew Bochowr dl bi eece ]; 47 
tse hii 
局 
图 8-22 “选择 图 像 源 文件 ”对 话 框 
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图 8-23 设置 重复 区 域 
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EDDD) 弹出 “重复 区 域 ”对 话 框 ， 选 择 记录 集 为 Recboard， 设 置 一 次 显示 10 条 记录 ， 
如 图 8-24 所 示 ， 单 击 “ 确 定 ” 按 钮 完成 设置。 


入 [Recbord | 


显示 : 回 10 ”记录 


加 所 有 记录 


芍 洪 菏 大 下 加 由 号 习 由 属地 8 洲 


8-24 “重复 区 域 ” 对 话 框 


EERDD 将 光标 定位 在 需要 插入 记录 集 导 航 状态 的 位 置 ， 在 “插入 ”面板 中 选择 “ 数 
据 ” 一 “记录 集 导 航 状 态 ” 命 令 ， 如 图 8-25 所 示 。 


罗 GG 


a ea 


8-25 ”选择 “记录 和 集 导 航 状态 ”命令 
EED 弹出 “记录 集 导航 条 ”对 话 框 ， 选 择 “ 记 录 集 ”为 Recboard 选项 ， 设 置 “显示 


方式 ”为 “文本 ”， 如 图 8-26 所 示 。 
记录 和 集 : |Recboard - 


显示 方式 : 图 文本 


日 图 你 


图 8-26 “记录 集 导 航 条 ”对 话 框 | 
EEC 单 击 “ 确 定 ” 按 钮 ， 成 功 插入 记录 集 导航 状态 。 继 续 在 本 页 中 插入 记录 集 导航 
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条 ， 在 “插入 ”面板 中 选择 “插入 ”一 “数据 ”一 “记录 集 分 页 ”一 “记录 集 导 航 
条 ”命令 ， 如 图 8-27 所 示 。 


ndecphp' x 
4 
| 人 崩 | 抽 [+] 这 扩 加 。 哆 - 避 内 有 瑟瑟 二 二 去 


LT 


@ 将 光标 定位 三 1 和 


图 8-27 选择 “记录 集 导航 条 ”命令 


EEY 弹出 “记录 集 导 航 条 ”对 话 框 ， 选 择 “ 记 录 集 ”为 Recboard 选项 ， 设 置 “ 显 示 
方式 ”为 “图 像 ”， 如 图 8-28 所 示 。 


记录 和 集 : |Recboard 


图 8-28 “记录 集 导航 条 ”对 话 框 
> 插入 后 的 导航 条 效果 如 图 8.29 所 示 ， 然 后 设置 表格 的 宽度 属性 。 


回 单 击 <table> 将 整 ! 人 aaa (总 共 


| 个 表格 选择 中 


Es 可 qo 和 将 输入 光标 移动 到 该 名 

Ee] i 

天 | 回 设置 “ 宽 (Ww [x >] 四 | | 对 对 表格 的 任 一 单元 格 中 一 
写 度 " 为 100%6 王 是 的 | I ~ Te 


Bs 
5 


8-29 设置 表格 的 属性 


EEEE》 继续 按 图 8-30 合并 选择 的 表格 中 的 一 行 。 
EEC 选择 上 方 的 表格 ， 设 置 记录 集 不 为 空 时 显示 的 区 域 ， 设 置 方法 如 图 8-31 所 示 。 
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EEC 弹出 “如 果 记 录 集 不 为 空 则 显示 区 域 ” 对 话 框 ， 选 择 判断 的 记录 集 为 
Recboard， 单 击 “ 确 定 ” 按 钮 完成 设置 ， 如 图 8-32 所 示 。 


@ 将 光标 移动 到 该 表 站 一 一 
格 的 任 一 单元 格 中 安 ! 


EE 
Cabley Cr > ay table Cr > a table Ra [NW QR oo v| 四 大 aol x 396 59 k /2 种 简体 中 文 (GB23 


8-30 ”合并 单元 格 


rr 
! @ 选 择 此 命令 


1 

1 

上 上 方 表格 的 任 
上 一 位 置 ， 单 击 
! 右边 的 第 一 个 ! 
1 

1 

1 

1 

1 


<table>， 选 择 全 到 (a . 
上 方 的 表格 。 | ee 


图 8-32 “如 果 记 录 集 不 为 空 则 显示 区 域 ”对 话 框 


国 于 [DP 选择 下 方 的 表格 ， 设 置 记录 集 为 空 则 显示 的 区 域 ， 设 置 方法 如 图 8-33 所 示 。 

国 于 E> 弹出 “如 果 记 录 集 为 空 则 显示 区 域 ” 对 话 框 ， 选 择 判 断 的 记录 集 为 Recboard， 
单 击 “ 确 定 ” 按 钮 完成 设置 ， 如 图 8-34 所 示 。 

EC) 至此， 留言 板 系统 的 主页 面 制作 完成 。 
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8-33 ”选择 记录 集 为 空 时 的 显示 区 域 


图 8-34 “如 果 记录 集 为 空 则 显示 区 域 ”对 话 杠 
8.3.2 ”访问 者 留言 页 面 的 制作 


通过 留言 板 系统 主 界面 ， 可 以 跳 转 到 访问 者 留言 页 面 ， 用 户 可 以 在 此 页 面 中 添加 留言 信 
息 。 访 问 者 留言 页 面 的 制作 步骤 如 下 。 
EDp 打开 随 书 光盘 中 的 “素材 \board\boardpublish.php” 文 件 ， 将 光标 定位 到 “现在 时 
间 是 ”文本 后 ,切换 到 “ 拆 分 ”视图 下 ， 输 入 代码 <?php echo date(“Y-m-d 
H:i:s”)?>， 此 步骤 的 目的 ， 是 显示 当前 时 间 ， 如 图 8-35 所 示 。 


图 8-35 ”添加 当前 时 间 的 代码 


者 252 


EED) 切换 到 “设计 ”视图 中 ， 该 页 面 主要 是 使 用 一 个 表单 ， 把 输入 数据 添加 到 数据 
库 中 。 所 以 用 户 首先 要 检查 表单 的 名 称 ， 特 别 是 “发 言 图 示 ” 中 的 10 个 单 选 按钮 的 
名 称 都 为 bd face， 不 同 的 是 每 个 按 按 钮 的 值 为 该 代表 图 片 的 文件 名 ， 例 如 第 3 个 按 
钮 的 属性 如 图 8-36 所 示 。 


de 单 选 找 包 要 选 定 值 |inages/face/m03. 


芍 测 藻 贡 班车 区 号 习 涉 书 才 9 小 年 


8-36 ” 单 选 按钮 的 属性 


TB 在 “提交 ”按钮 的 左 侧 添加 隐 茂 区域， 名称 为 “bd_time”， 值 为 <?php echo 
date(“Y-m-d H:i:s”)?>， 如 图 8-37 所 示 。 


= Cr Cy 《EGR Cable. 


隐藏 区域 了 设 定 提交 的 时 间 为 系统 当前 时 间 


bd_time 值 W) [cphp eas dt Y-n-d Hi:s")?>| 


;A 
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图 8-37 添加 当前 时 间 的 代码 


EGR 如 果 访 问 者 没有 输入 任何 信息 就 提交 表单 ， 此 时 数据 库 中 会 多 出 一 条 空白 的 记 
录 ， 为 了 防止 这 种 情况 出 现 ， 需 要 添加 检查 表单 行为 。 选 择 整个 表单 后 ， 选 择 “ 窗 
口 ”一 “行为 ”菜单 命令 ， 弹 出 “行为 ”面板 ， 单 击 强 按钮 ， 在 弹出 的 菜单 中 选择 
“检查 表单 ”命令 ， 如 图 8-38 所 示 。 

Dw mm oo- B- Ex CIL= LS > 


交 件 (月 妨 霹 (E) 可 者 (Vi 括 和 1 Sx(M) IEK(D) 合流 S(5) 于 DD(W) 到 (H) 
J NE 


om) nl Cr Drm EE TE 


8-38 ”选择 “检查 表单 ”命令 


弹出 “检查 表单 ”对 话 框 ， 设 置 bd_subject、bd_name 和 bd_content 为 必需 的 ， 
如 图 8-39 所 示 。 
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图 8-39 “检查 表单 ”对 话 框 
ET 字段 bd_email 不 是 必 填 的 字段 ， 但 是 ， 如 果 留 言 人 输入 的 不 是 电子 邮件 的 格 
式 ， 仍 然 是 不 符合 规格 的 ， 所 以 用 户 可 以 在 选择 该 字段 后 ， 选 择 “ 电 子 邮件 地 址 ” 
单 选 按钮 ， 即 可 执行 表单 检查 ， 如 图 8-40 所 示 。 


图 8-40 选择 “电子 邮件 地 址 ” 单 选 按钮 


ECG 完成 检查 表单 的 行为 后 ， 需 要 检查 “事件 ”是 否 为 OnSubmit， 也 就 是 在 表单 送 
出 时 才 会 触发 这 个 检查 操作 ， 若 不 是 ， 应 使 用 一 旁 的 下 拉 式 列表 按钮 来 修改 。 完 成 
了 表单 的 布置 并 加 上 表单 检查 后 ， 用 户 就 可 以 将 数据 插入 数据 库 中 了 。 接 着 应 按 昭 
图 8-41 所 示 ， 添 加 “插入 记录 ”服务 器 行为 。 


| 二 1 厂 [ 可 | 于 


图 8-41 添加 “插入 记录 ”服务 器 行为 


ERB 弹出 “插入 记录 ”对 话 框 ， 具 体 设 置 如 图 8-42 所 示 。 


蔷 沙 党 攻 了 


图 8-42 “插入 记录 ”对 话 框 
ET 单 击 “ 确 定 ”按钮 ， 即 可 完成 访问 者 留言 页 面 的 制作 。 


8.4 留言 板 系 统 后 台 管 理 的 制作 


在 留言 板 管理 系统 中 ， 管 理 员 可 以 修改 留言 信息 ， 也 可 以 删除 过 期 的 留言 信息 ， 这 对 于 
留言 板 系 统 的 维护 十 分 重要 。 


8.4.1 管理 员 登 录 页 面 的 制作 
留言 板 后 台 管理 系统 需要 通过 adminLogin php 进行 登录 管理 。 制 作 管 理 员 登录 页 面 的 操 


作 步 骤 如 下 。 
EI 打开 随 书 光盘 中 的 “素材 \board\adminLogin.php” 文 件 ， 切 换 到 “服务 器 行为 ” 


面板 ， 单 击 该 面板 中 的 轩 按 钮 ， 在 弹出 的 菜单 中 选择 “用 户 身份 验证 ”一 “登录 用 
户 ” 命 令 ， 如 图 8-43 所 示 。 


图 8-43 选择 “登录 用 户 ” 命 令 


255@ 


Dreamweaver+PHP+MySQL 动 态 网 站 开发 
案例 课堂 由 一 


EEUPp 弹出 “登录 用 户 ” 对 话 框 ， 设 置 方法 如 图 8-44 所 示 。 


sanin. 


[Password 


EPE 


转 到 前 一 个 URL ( 如 果 它 存在 ) 
如 果 登 录 和 失败 ， 转 到 : index php 


基于 以 下 项 限制 访问 : 加 用 广 各 和 机 
个 用 广 各 、 理 码 和 访问 级 到 
各 到 级 别 自 : userne 


图 8-44 “登录 用 户 ” 对 话 框 
攻 了 BY 单 击 “确定 ”按钮 ， 完 成 管理 员 登 录 页 面 adminLogin.php 的 制作 。 


8.4.2 留言 板 后 台 管 理 主页 面 的 制作 


用 户 登 录 成 功 后 ， 将 进入 系统 管理 员 主 界面 boardAdmin.php。 

制作 该 网 页 的 操作 步骤 如 下 。 

EDp 打开 随 书 光盘 中 的 “素材 \board\boardAdmin.php” 文 件 ， 切 换 到 “ 绑 定 ”面板 ， 
单 击 该 面板 中 的 轩 按 钮 ， 在 弹出 的 菜单 中 选择 “记录 集 ( 查 询 )” 命 令 ， 弹 出 “记录 
集 ” 对 话 框 ， 设 置 如 图 8-45 所 示 。 


i 全 
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ce Es 
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| | @ 选 择 使 用 5 硬 
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! 的 连接 | i - 
ee 1 
第 选 : 无 w= 
WRL 参数 了 | 
= 1 
排序 : [ba_ia 7 了 序 一 站 | @ 选 择 按 bd_id ! 
! 降序 排列 l 


图 8-45 “记录 集 ” 对 话 框 
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ms 

第 | 

E> 单 击 “ 确 定 ”按钮 ， 即 可 完成 记录 集 的 绑 定 。 在 “ 绑 定 ” 面 板 上 出 现 上 面 设置 名 
的 记录 集 名 称 ， 展 开 后 ， 将 需要 引用 的 数据 字段 一 一 拖 中 到 网 页 中 ， 其 中 特别 注意 

的 是 ， 需 要 把 bd_id 字段 拖 中 到 隐藏 符 上 ， 如 图 8-46 所 示 。 本 

Dw 0- &- a -| Mi (LoL x 加 

人 交 

扫 [ 如 + | 列 措 同 。 畏 . 欧 肚 b2 EB. 局 Ne 互 

|- 

统 


图 8-46 将 字段 拖 鼻 到 网 页 中 


EEC) 接着 设置 留言 信息 中 的 表情 图 片 的 显示 ， 选 择 图 像 占 位 符 ， 单 击 “浏览 文 件 ” 
按钮 ， 如 图 8-47 所 示 。 


| 辐 , 下 加 insees/feef | ET OD | [er 
~ | 衬 接 员 全 口 纺 ll 9 字 加 对 恒 4 高 | [px v 


8-47 ”设置 图 片 占 位 符 的 链接 


EEC 弹出 “选择 图 像 源 文件 ”对 话 框 ， 在 该 对 话 框 中 选择 “数据 源 ” 单 选 按钮 ， 然 
后 在 “ 域 ”列表 中 选择 “记录 和 集 (Recboard)” 选 项 中 的 bd_face 字段 ， 如 图 8-48 所 示 。 
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站 点 根 目录 


这 和 文件 自 - 
BE i 


博导 “记录 集 Becboerd 
bd id 
bd_nane 


bd_subject 
bd_tine 
bd_enail 
bd_content 


有 多 
本 
4 
多 
多 
多 


格式 : [无 


WR CIphp echo grow_Recboard[ bd face ]; 79> 
在 让 点 定义 中 更 改 时 认 的 撕 接 相对 二 


图 8-48 “选择 图 像 源 文件 ”对 话 框 


EEID 单 击 “ 确 定 ” 按 钮 ， 完 成 记录 集 绑 定 。 然 后 设置 页 面 中 的 重复 区 域 效果 ， 选 择 
需要 重复 区 域 的 上 方 表格 ， 切 换 到 “服务 器 行为 ”面板 ， 单 击 该 面板 的 四 按钮 ， 在 


弹出 的 菜单 中 选择 “重复 区 域 ”命令 ， 如 图 8-49 所 示 。 


@@ 将 光标 放 在 上 方 表格 
的 任意 的 位 置 ， 单 击 标 


第 二 个 <table>， 选 择 上 ee 


方 的 表格 


图 8-49 ”选择 “重复 区 域 ”命令 


‘lb 二 证 
Re try GD Coble Cry Gd ent [NJ A hoox ~ @ 冉 国 753: 331v 43 /1 和 简体 由 文 (8312) 


ECEUD 弹出 “重复 区 域 ”对 话 框 ， 选 择 “ 记 录 集 ”为 Recboard， 选 择 “ 显 示 ” 为 10 条 


记录 ， 单 击 “ 确 定 ” 按 钮 ， 如 图 8-50 所 示 。 


记录 集 ， |Recboard 四 


显示 : 加 10 ”记录 


日 所 有 记录 


8-50 “重复 区 域 ”对 话 框 
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EC 参考 前 面 的 相关 内 容 ， 插 入 数据 导航 条 状态 及 数据 集 导航 栏 ， 如 图 8-51 所 示 。 


记录 {Recboard_ first} 到 {Recboard_last} (总 共 {Recboard_total}) 


图 8-51 数据 导航 条 状态 及 数据 集 导 航 栏 


警 洪 菏 大 班 同 凡 号 习 溃 书 由 8 小 下 


@: 在 这 里 提醒 用 户 保持 一 个 好 习惯 ， 那 就 是 插入 数据 集 导 航 状 态 与 数据 集 导航 栏 前 
PE 一 定 要 先 设置 重复 区 ， 否 则 在 加 入 这 两 个 功能 时 ， 会 出 现 错误 信息 。 


莉 于 BY 将 光标 定位 在 刚刚 插入 的 数据 导航 条 状态 中 ， 单 击 标签 编辑 器 上 从 右边 数 的 第 


二 个 <table> 标 签 ， 选 择 记 录 集 不 为 空 时 需要 显示 的 表格 ， 设 置 方 法 如 图 8-52 所 示 。 N 


bomdAcminphp” x 
GY botyeten me 
I 局 用 吧 F 应 避 4 弄 : 半 


@ 将 光标 | 
定位 此 处 mg 攻 


了 一 rc 
| eboar ticeth 到 acboa @ 单 击 标签 编辑 器 上 从 右边 
2 数 的 第 二 个 <table> 标 


es 本 四 | 尖 -De 
le> ry aKa? HD mle? [NR /2 种 重 伯 中文 [e82312) BB Comectioms 


图 8-52 ”选择 记录 集 不 为 空 时 的 显示 区 域 


EEIRB 弹出 “如 果 记 录 集 不 为 空 则 显示 区 域 ” 对 话 框 ， 选 择 判 断 的 记录 集 为 
Recboard， 单 击 “ 确 定 ” 按 钮 完成 显示 区 域 的 设置 ， 如 图 8-53 所 示 。 


|Recboard 下 


图 8-53 “如 果 记 录 集 不 为 空 则 显示 区 域 ” 对 话 框 
EC 选择 下 方 的 表格 ， 设 置 记录 集 为 空 则 显示 的 区 域 ， 设 置 方法 如 图 8-54 所 示 。 
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HUE Wrap pe 


EE 
| 加 选择 “服务 | 
! 器 行为" 面板 1 


到 <table>， 选 择 
二 下 方 的 表格 
EEC 


8-54 ”选择 记录 集 为 空 时 的 显示 区 域 


EC 洋 出 “如 果 记录 集 为 空 则 显示 区 域 ”对 话 框 ， 选 择 判断 的 记录 集 为 Recborad， 
单 击 “ 确 定 ”按钮 完成 设置 ， 如 图 8-55 所 示 。 


8-55 “如 果 记 录 集 为 空 则 显示 区 域 ” 对 话 框 


EEP9 接着 设置 删除 链接 ， 让 管理 员 可 以 删除 某 个 留言 信息 。 选 择 “ 删 除 ”文本 ， 在 
“服务 器 行为 ”面板 中 单 击 因 按钮 ， 在 弹出 的 菜单 中 选择 Go To Detail Page 命令 ， 
如 图 8-56 所 示 。 


记录 IRechoard_firstl 到 Recboard last] [SE tpechoard totall ) 


图 8-56 选择 Go To Detail Page 命令 
EEC 打开 Go To Detail Page 对 话 框 ， 设 置 “详细 信息 页 ”为 delboard.php、“ 传 递 
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URL 参数 ”为 bd id、“ 记 录 集 ”为 Recboard、“ 列 ”为 bd_ id， 如 图 8-57 所 示 ， 
单 击 “确定 ”按钮 ， 完 成 转 到 详细 页 面 的 设置 。 


策 接 | 创建 新 泽 接 “详细 信息 ” 
详细 信息 页 delboard php 


全 种 URL 参数 : bd_id 
记录 入 [Recbowrd 


到 [baia 
传递 现 有 参数 二] URL 参数 
问 表单 参数 


芍 洪 藻 DB3 


图 8-57 Go To Detail Page 对 话 框 
EC 在 “服务 器 行为 ”面板 中 单 击 因 按钮， 在 弹出 的 菜单 中 选择 “更 新 记录 ” 命 
令 ， 弹 出 “更 新 记录 ”对 话 框 ， 参 数 设 置 如 图 8-58 所 示 ， 单 击 “ 确 定 ”按钮 完成 更 
新 记录 的 设置 。 


(bowr dsysten 了 [十 Xe 

besrd 了 | 

Lecbesrd 
了 ] 同 致 值 

boardAdnin. asp 

‘fornl 了 | (在 提交 时 ) 


bai 
ET 区 和 
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图 8-58 “更 新 记录 ”对 话 框 


ES 由 于 boardAdminphp 页 面 是 管理 界 
面 ， 为 了 各 免 浏 览 者 跳 过 登录 界面 来 读 取 
这 个 页 面 ， 可 以 加 上 服务 器 行为 来 防止 这 
个 漏洞 。 在 “服务 器 行为 ”面板 中 单 击 国 
按钮 ， 在 弹出 的 菜单 中 选择 “用 户 身份 验 
证 ”一 “限制 对 页 的 访问 ”命令 ， 如 图 8-59 
所 示 。 

GE 弹出 “限制 对 页 的 访问 ”对 话 框 ， 选 择 
“基于 以 下 内 容 进行 限制 ”为 “用 户 名 和 
密码 ”， 设 置 “如果 访 问 被 拒绝 ， 则 转 ee = 
到 ”为 adminLoginphp， 单 击 “确定 ” 按 . , 
钮 ， 如 图 8-60 所 示 。 至此， 就 完成 了 投票 。“ 四” 选择 “限制 对 页 的 访问 ”命令 


BN 


| 。 用 户 从 验 还 ，| 。 开 录 所 户 
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系统 管理 主页 面 boardAdmin.php 的 制作 。 


基于 以 下 内 容 进行 限制- 回 用户 名 和 密码 
日、 用 户 名 、 因 码 和 访问 级 到 


| | 


如 果 访问 被 拒绝 ， 则 转 到 : adninLogin php 


图 8-60 “限制 对 页 的 访问 ”对 话 框 


8.4.3 ”删除 留言 页 面 


删除 留言 页 面 为 delboard.php， 主 要 作用 是 把 表单 中 的 记录 从 相应 的 数据 表 中 删除 。 具 体 
操作 步骤 如 下 。 

TI 打开 随 书 光盘 中 的 “素材 \boardvdelboardphp” 文 件 ， 切 换 到 “ 绑 定 ” 面 板 ， 单 
击 该 面板 中 的 轩 按 钮 ， 在 弹出 的 菜单 中 选择 “记录 集 ( 查 询 )” 命 令 ， 弹 出 “记录 
集 ” 对 话 框 ， 设 置 如 图 8-61 所 示 。 


! @ 输 入 记 ! 


12 稼 Recboard 三 栈 
一 一 一 一 一 一 
| 让 人 击 
| 表 郑 [board 测试 
SEE 下 全 部 ”日 先 定 的 : SR 高 级 
加 选择 使 | HR 才 助 | 
1 
1 
1 


图 8-61 “记录 集 ” 对 话 框 


国 于 2 单 击 “确定 ”按钮 ， 即 可 完成 记录 集 的 绑 定 。 在 “ 绑 定 ”面板 上 将 出 现 上 面 设 
置 的 记录 集 名 称 ， 展 开 后 ， 将 需要 引用 的 数据 字段 一 一 拖 忠 到 网 页 中 ， 其 中 特别 注 
意 的 是 ， 需 要 把 bd_face 字段 拖 忠 到 图 像 占 位 符 上 ， 如 图 8-62 所 示 。 


A 2 262 


TR LT Ti i til 


2 
图 8-62 ”将 字段 拖 抱 到 网 页 中 


BY 切换 到 “服务 器 行为 ”面板 ， 单 击 该 面板 中 的 多 按 钮 ， 在 弹出 的 菜单 中 选择 
“删除 记录 ”命令 ， 如 图 8-63 所 示 。 


困 -文革 到 ne 
记录 所 

重复 区 域 

记录 六 分 页 » 
蛙 示 区 域 » 
Samt ， 
动 志文 本 


Go To Detail page 
Go To Related page 


镍 入 记录 
更 新 记录 
图 8-63 选择 “删除 记录 ”命令 
EEC 弹出 “删除 记录 ”对 话 框 ， 根 据 表 8.4 的 参数 来 设置 ， 如 图 8-64 所 示 。 
表 8.4 “删除 记录 ”的 设置 
属 性 设置 值 
连接 baid 


从 表格 中 删除 board 提交 此 表 以 删除 forml 
选取 记录 自 Recboard 删除 后 ， 转 到 boardAdmin.php 

2 有 Eo 

首先 检查 是 否 已 企 义 冯 盘 主 刍 值 “| LW |] 

取消 ] 

[wb | 


副 除 后 ， 转 到 : boardAdnin. php 


图 8-64 “删除 记录 ”对 话 框 


车 沙 党 大 要 凸 由 号 习 涉 局 册 8 小 目 
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ED 单 击 “ 确 定 ” 按 钮 回 到 编辑 页 面 。 由 于 delboard.php 页 面 是 管理 界面 ， 为 了 避免 
浏览 者 跳 过 登录 界面 来 删除 留言 信息 ， 可 加 上 服务 器 行为 来 防止 这 个 漏洞 。 在 “ 服 
务 器 行为 ”面板 中 单 击 轩 按钮 ， 在 弹出 的 菜单 中 选择 “用 户 身份 验证 ”一 “限制 对 
页 的 访问 ”命令 ， 弹 出 “限制 对 页 的 访问 ”对 话 框 ， 选 择 “ 基 于 以 下 内 容 进 行 限 
制 ” 为 “用 户 名 和 密码 ”， 设 置 “ 如 果 访 问 被 拒绝 ， 则 转 到 ”为 adminLogin.php， 
如 图 8-65 所 示 。 


基于 以 下 内 容 迁 行 限制 - 回 用户 名 和 畴 码 
六” 用户 名 、 害 码 和 访问 级 别 


加 果 访 同 被 拒绝 ， 则 转 到 :adninLogin php 


图 8.65 “限制 对 页 的 访问 ”对话 杠 
制作 。 
8.5 留言 板 管理 系统 功能 的 测试 


留言 板 系统 制作 完成 后 ， 即 可 进行 测试 操作 ， 从 而 进一步 完善 整个 留言 板 系统 。 
8.5.1 留言 测试 


留言 测试 的 步骤 如 下 。 
在 正 浏 览 器 中 输入 “http://localhost/board/” 打 开 index.php 文件 ， 效 果 如 图 8-66 
所 示 。 


】 [zl 言 欢 什么 电影 
3 e 


届 最 可 头 的 或 曲 
共生 十 必 的 二 后 时 丰 内 月 


= 


记录 1 到 2 (公共 名 


图 8-66 index.php 页 面 的 效果 


ms 
第 
PN Oo， 
5 细心 的 用 户 此 时 会 发 现 ， 主 页 上 没有 显示 状态 栏 导航 条 。 根本 原因 是 添加 重复 区 齐 
SS 域 时 设置 的 条 件 为 显示 10 条 记录 ， 而 此 时 ， 数 据 库 中 刚刚 有 两 个 记录 ， 所 以 不 显示 天 
状态 栏 导航 条 。 省 
ET 单 击 “发 表 留 言 ”按钮 ， 就 可 以 进入 留言 板 页 面 boardpublisphp 了 ， 如 图 8-67 。 站 
所 示 。 时 
rr E 最 
加 ee dpubisphe Bo-scxB 7 
rr . 辐 
数字 留言 板 | 
EE | 


| E23 3 


正史 
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图 8-67 留言 页 面 的 效果 


EEIRB) 在 留言 信息 页 面 中 输入 留言 信息 ， 然 后 单 击 “ 提 交 ” 按 钮 ， 添 加 留言 信息 成 
功 ， 如 图 8-68 所 示 。 
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图 8-68 添加 留言 信息 


EEC》 单 击 “ 提 交 ” 按 钮 ， 转 到 留言 板 主页 面 中 ， 可 以 看 到 ， 新 添加 的 记录 显示 出 来 
了 ， 如 图 8-69 所 示 。 
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数 过 留言 核 


开本 条 于 表 时 间 医 四, 全 天 生 叶 月 . 鱼 对 芝 外 东 , 刍 戏 划 守 机 , 特 允 各 时 阿 , 鱼 克 叶 术 , 


12] 襄 欢 什么 电影 
我 季 百 欢 的 电影 圣 夏 尘 入 烦 性 


TD 最 襄 欢 的 歌曲 7015/11/5 
我 季 百 欢 的 歌曲 蛙 光 炳 月 


图 8-69 新 添加 留言 的 效果 
8.5.2 ”后 台 管 理 测试 


通过 后 台 管理 功能 ， 管 理 员 可 以 修改 和 删除 留言 信息 。 下 面 来 测试 后 台 管理 功能 ， 有 具体 
操作 步骤 如 下 。 
EEC 在 留言 板 主页 中 单 击 “ 留 言 管理 ”按钮 ， 打 开 adminLogin.php 文件 ， 输 入 管理 
员 的 用 户 名 和 密码 ， 如 图 8-70 所 示 。 


(CS rec. Bo- acx) 
文人 ”六 六 昌吉 要) 收 训 闪 工具 Tm 大 二 


8-70 ”管理 员 登 录 页 面 


EEJDy 单 击 “登录 管理 界面 ”按钮 ， 进 入 boardAdmin.php 页 面 ， 如 图 8-71 所 示 。 管 理 
员 可 以 修改 留言 标题 和 内 容 ， 最 后 单 击 “ 更 新 ”按钮 ， 即 可 修改 留言 信息 。 

ECDIS 在 需要 删除 的 留言 中 单 击 “ 删 除 ” 链 接 ， 进 入 delboard.php 页 面 ， 单 击 “ 确 定 删 
除 ” 按 钮 ， 即 可 删除 选择 的 留言 ， 如 图 8-72 所 示 。 
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图 8-72 delboard.php 页 面 的 效果 
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在 本 章 中 ， 最 重要 的 技巧 在 于 如 何 实现 图 片 的 上 传 功 能 。 


“> 
NS 


2 
1 


3 


全 
(3 


(> 


| 
= 
3 


四 
) 


NR 


RE 


0 


分 


从 


3 


0 


es 
2 


0 
> 


< 


2 


> 


Dreamweaver+PHP+MySQL 动 态 网 站 开发 
案例 课堂 b> 


9.1 系统 的 功能 分 析 


在 电子 相册 管理 系统 中 ， 通 常 按照 不 同 的 类 别 划分 不 同 的 照片 。 用 户 可 以 查看 图 片 和 说 
明文 字 ; 管理 员 可 以 做 添加 相册 、 修 改 相册 和 删除 相册 等 操作 。 


9.1.1 规划 网 页 结构 和 功能 
本 章 将 要 制作 的 电子 相册 系统 的 网 页 及 网 页 结构 列表 如 图 9-1 所 示 。 


电子 相册 管理 系统 


index. php 


2 es 


各 后 侣 证 章 福 
CE [mew | 
photoClass, php adminLogin. php 
2 = photoAdmin. php 
photoShow. php photoDetail. php pe me 
a | ea 
photoAdd. php photoAlter. php | photoDel. php 
| upload. phe | UpLoad_Class.php | 


图 9-1 系统 结构 
本 系统 的 主要 结构 分 为 电子 相册 前 台 部 分 和 电子 相册 后 台 管 理 两 个 部 分 ， 整 个 系统 共有 9 
个 页 面 ， 各 个 页 面 的 名 称 和 对 应 的 文件 名 、 功 能 如 表 9.1 所 示 。 
表 9.1 用 户 管理 系统 网 页 的 设计 


页 面 名 称 功 能 
index.php 电子 相册 系统 的 主页 面 
photoClass.php 电子 相册 分 类 页 面 
photoShow.php 电子 相册 浏览 图 片 页 面 
photoDetail.php 电子 相册 详细 显示 页 面 
adminLogin.php 管理 员 登 录 页 面 
photoAdmin.php 管理 主 界面 
photoAdd.php 电子 相册 添加 页 面 
photoAlter.php 电子 相册 修改 页 面 
photoDel.php 电子 相册 删除 页 面 
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9.1.2 页面 设计 规划 


在 本 地 站 点 上 建立 站 点 文件 夹 photosystem， 要 建立 和 制作 的 电子 相册 管理 系统 的 文件 如 
图 9-2 所 示 。 


贺 洲 阳 码 串 首 中 四 站 书 贡 6 小 


GG 


图 9-2 规划 站 点 文件 和 文件 夹 
9.1.3 ”网 页 美工 设计 


本 实例 整体 框架 比较 简单 ， 美 工 设计 效果 如 图 9-3 所 示 。 初 学 者 在 设计 制作 过 程 中 ， 可 
以 打开 光盘 中 的 源 代 码 ， 找 到 相关 站 点 的 图 片 ， 其 中 放置 了 已 经 编辑 好 的 图 片 。 


了 5 


9-3 首页 的 美工 
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9.2 数据库 的 设计 与 连接 


本 节 主 要 讲述 如 何 使 用 phpMyAdmin 建立 电子 相册 管理 系统 的 数据 库 ， 如 何 使 用 
Dreamweaver 在 数据 库 与 网 站 之 间 建 立 动态 连接 。 


9.2.1 数据 库 的 设计 

通过 对 相册 管理 系统 的 功能 分 析 发 现 ， 这 个 数据 库 应 该 包括 两 张 表 ， 分 别 为 photomain 
数据 表 和 admin 数据 表 。 

1. photomain 数据 表 


这 个 数据 表 主 要 是 保存 电子 相册 的 数据 。 其 中 pt_ID 为 主键 ， 数 据 类 型 为 自动 编号 ， 如 
此 ， 即 能 在 添加 数据 时 ， 为 每 一 则 相册 加 上 一 个 单独 的 编号 而 不 重复 。 
该 数据 表 的 结构 如 表 9.2 所 示 。 


表 9.2 photomain 数据 表 的 结构 


字段 描述 字段 名 
相册 编号 pt ID 
相册 的 标题 pt_subject 
相册 的 日 期 pt time DATETIME 


相册 的 内 容 pt_content 
相册 的 类 别 pt_class 
相册 的 照片 pt_photo 

照片 说 明 pt_explain 


2. admin 数据 表 
这 个 数据 表 主 要 是 储存 登录 管理 界面 的 账号 与 密码 ， 该 数据 表 的 结构 如 表 9.3 所 示 。 
表 9.3 admin 数据 表 的 结构 


启动 phppMyAdmin， 在 主 界面 的 左 侧 列表 中 单 击 New 选项 ， 如 图 9-4 所 示 。 


EEJD) 在 文本 框 中 输入 要 创建 数据 库 的 名 称 “photosystem”， 然 后 单 击 “ 创 建 ” 按 
钮 ， 如 图 9-5 所 示 。 
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数据 库 


局 新建 数据 库 加 
photosystem 排序 规则 (创建 ] 


图 9-5 创建 数据 库 photosystem 


ED 接着 就 要 回 到 phpMyAdmin 的 管理 界面 ， 为 MySQL 中 的 photosystem 数据 库 添 
加 数据 表 。 在 左 侧 列表 中 选择 创建 的 photosystem 数据 库 ， 然 后 在 右 侧 的 页 面 中 输入 
di 然后 单 击 “ 执 行 ”按钮 ， 如 图 9-6 所 示 。 


EE 


数据 库 中 没有 表 。 


图 9-6 ”新建 数据 表 photomain 


EEJZ 请 按照 表 9.2 的 内 容 设置 数据 表 ， 添 加 的 数据 表 字段 如 图 9-7 所 示 。 
于 BY 在 设置 完毕 后 ， 单 击 “ 保 存 ” 按 钮 ， 这 样 ， 就 可 以 查看 photomain 数据 表 了 ， 如 
图 9-8 所 示 。 
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图 9-7 添加 数据 表 字 段 


## 名 守 类型 “排序 规则 属性 空 默认 ， 闸 外 

加 1&D int8) Wessen 否 无 。 AUTO_INCREMENT 
器 2 pt_subject varchar(20) gb2312_chinese ci 否 无 

加 3pttime 。 datetime 否 无 

站 4 ptLcontent text 9b2312_chinese dl 亚 无 

加 5 ptclass varchar(20) gb2312 chinese_ci 否 天 

回 6 ptphoto varchar(100) gb2312_chinese_ci 否 无 

@ 7 pt_explain varchar(100) gb2312_chinese_ci 是 NULL 


图 9-8 photomain 数据 表 
区 于 BY 用 上 述 方法 ， 参 照 表 9.3， 创 建 一 个 名 称 为 “admin” 的 数据 表 。 输 入 字段 名 称 
并 设置 其 属性 ， 最 终 效 果 如 图 9-9 所 示 。 
ED 为 了 演示 效果 ， 对 admin 数据 表 添 加 记录 ， 如 图 9-10 所 示 。 


加 浏览 中 结构 司 SQL 又 搜索 了 插入 加 SS. 


回 1 uaemame varchar(20) gb2312 chinese dd 西元 semame password 
器 2 password varchar(20) gb2312 chinese cl 。 否 天 admin | admin | 
图 9-9 admin 表 的 结构 9-10 ”admin 表 中 输入 的 记录 


9.2.2 ”创建 数据 库 连接 


数据 库 编辑 完成 后 ， 必 须 在 Dreamweaver CS6 中 建立 数据 源 连接 对 象 。 这 样 做 的 目的 ， 
是 方便 在 动态 网 页 中 使 用 前 面 建立 的 信息 系统 数据 库 文件 和 动态 地 管理 信息 数据 。 具 体操 作 
步骤 如 下 。 
EEC 根据 前 面 介绍 过 的 站 点 设置 方法 ， 设 置 好 “站 点 ”、“ 文 档 类 型 ”、“ 测 试 服 
务 器 ”。 打 开 随 书 光盘 中 的 “素材 \photosystem\index.php” 文 件 页 面 ， 选 择 “ 窗 口 ” 
一 “数据 库 ” 命 令 ， 进 入 “数据 库 ” 面 板 。 单 击 “数据 库 ”面板 中 的 固 按钮 ， 弹 出 
如 图 9-11 所 示 的 菜单 ， 选 择 “MySQL 连接 ”选项 。 
ED) 弹出 “MySQL 连接 ”对 话 框 后 ， 填 入 自 定义 的 连接 名 称 “photoconn”， 填 入 
MySQL 服务 器 的 用 户 名 和 密码 ， 单 击 “ 选 取 ” 按 钮 来 选取 连接 的 数据 库 ， 如 图 9-12 
所 示 。 
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9-11 ”连接 数据 库 9-12 “MySQL 连接 ”对 话 框 


ED 弹出 “选取 数据 库 ” 对 话 框 ， 选 择 photosystem 数据 库 ， 单 击 “ 确 定 ” 按 钮 ， 如 
图 9-13 所 示 。 

ES 返回 到 “MySQL 连接 ”对 话 框 后 ， 单 击 “ 确 定 ” 按 钮 。 回 到 Dreamweaver CS6 
后 ， 可 以 打开 “数据 库 ” 面 板 ，photosystem 数据 库 的 数据 表 在 连接 设置 后 已 经 读 入 
Dreamweaver CS6 了 ， 如 图 9-14 所 示 。 


图 9-13 “选取 数据 库 ” 对 话 框 图 9-14 “数据库” 面板 
同时 ， 在 网 站 根 目录 下 将 会 自动 创建 名 为 Connections 的 文件 夹 ， 该 文件 夹 内 有 
一 个 名 为 photoconn.php 的 文件 ， 打 开 该 文件 ， 切 换 到 “代码 ”视图 ， 添 加 以 下 代码 : 


mysql query("set character set 'gb2312'"); 
mysql query("set names 'gb2312'"); 


添加 效果 如 图 9-15 所 示 。 


a_Php_mysql -Stan 


"localhost"; 
"photosystem"; 
erp 


conn, 
) or trigger error( 


set +gb23121") ;/ /这 扫 扫 导 名 可 
gb2312，") :// 写 数据 库 时 到 


图 9-15 添加 代码 
本 于 在 Dreamweaver CS6 界面 中 选择 “文件 ”一 “保存 ”菜单 命令 ,保存 该 文档 ， 
完成 数据 库 的 连接 。 
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9.3 ”电子 相册 系统 主 寞 面 的 制作 


定义 好 站 点 并 建立 数据 库 连接 后 ， 就 可 以 制作 电子 相册 系统 的 主 界面 了 。 它 主要 包括 电 
子 相册 系统 的 主页 面 、 相 册 分 类 页 面 、 电 子 相册 浏览 图 片 页 面 和 电子 相册 详细 显示 页 面 。 


9.3.1 电子 相册 系统 主页 面 的 制作 


电子 相册 系统 主页 面 的 文件 是 index.php， 该 页 面 主要 显示 电子 相册 的 4 大 分 类 : 风景 、 
人 物 、 汽 车 和 艺术 。 浏 览 者 可 以 单 击 不 同 的 分 类 链接 ， 查 看 相应 的 相册 ， 也 可 以 单 击 “ 后 台 
管理 ”链接 进入 电子 相册 管理 后 台 ， 系 统 主 界面 index.php 的 静态 页 面 设计 如 图 9-16 所 示 。 


图 9-16 ”电子 相册 系统 主页 面 的 静态 效果 


具体 操作 步骤 如 下 。 

EEIDp 在 indexphp 页 面 中 需要 绑 定 4 个 记录 集 ， 即 分 别 绑 定 风景 、 人 物 、 汽 车 、 艺 
术 。 首 先 绑 定 风景 记录 集 ， 切 换 到 “ 绑 定 ”面板 ， 单 击 该 面板 中 的 四 按钮 ， 在 弹 
出 的 菜单 中 选择 “记录 集 ( 查 询 )” 命 令 ， 弹 出 “记录 集 ” 对 话 框 ， 输 入 数据 如 表 9.4 
所 示 ， 结 果 如 图 9-17 所 示 。 


表 9.4 设置 “记录 集 ” 对 话 框 的 参数 


属 性 设置 值 
名 称 classl 
连接 | photoconn 
表格 photomain 
列 全 部 
筛选 | pt_class= 输 入 的 值 1 
排序 无 


重复 上 一 步 操作 ， 绑 定 人 物 记录 集 ， 输 入 效果 如 图 9-18 所 示 。 


名 得; classl 
连接 : [photoconn “| [定义 -…] 


图 9-17 绑 定 风景 记录 集 图 9-18 ” 绑 定 人 物 记录 集 


重复 上 一 步 操作 ， 绑 定 汽车 记录 集 ， 输 入 效果 如 图 9-19 所 示 。 
重复 上 一 步 操作 ， 绑 定 艺术 记录 集 ， 输 入 效果 如 图 9-20 所 示 。 


名 称 : class3 名 称 :class4 
连接 : [photocomn >] (定义 .… 
表格 - photonain 了 | 


歼 回 全 部 “ 占 进 是 的 


本 


图 9-19 绑 定 汽车 记录 集 图 9-20 ” 绑 定 艺术 记录 集 


ED 在 每 种 相册 分 类 后 记录 相册 内 容 数 量 ， 引 导 用 户 去 点 击 。 设 置 显 示 字 段 ， 分 别 
展开 上 述 4 个 记录 集 ， 将 [总 记录 数 ] 拖 电 到 网 页 的 不 同 的 置 ， 如 图 9-21 所 示 。 

区 IBY 在 首页 中 还 有 5 个 链接 需要 设置 ， 分 别 是 “后 台 管 理 ”、“ 风 景 ”、“ 人 
物 ”、“ 汽 车 ”、“ 艺 术 ”。 首 先 设置 “后 台 管 理 ” 的 链接 为 adminLogin.php， 如 
图 9-22 所 示 。 

EEC 选择 “风景 ”文本 ， 单 击 “ 属 性 ”面板 中 “链接 ” 右 侧 的 “浏览 文件 ”按钮 
回 ， 弹 出 “选择 文件 ”对 话 框 ， 选 择 文件 为 photoClassphp， 如 图 9-23 所 示 。 

ET 单 击 “ 参 数 ” 按 钮 ， 弹 出 “参数 ”对 话 框 ， 输 入 “名 称 ” 为 “pt_class”、 
“ 值 ” 为 1， 如 图 9-24 所 示 。 
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= Esl 
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将 [总 记录 数 ] 拖 电 到 不 同 的 位 置 


电子 相册 管理 系统 


Cy GBI FY CD [NY Go | 国 597 x 206v 1 7 1 种 简体 中 文 (oB2312) 
尾 性 上 3 
《> mm | ”格式 0) | 无 ~ 类 无 ~ 后 汪 标题 0) 
bbcss IDG) 无 > ” 料 拉 0) adninLogin php ~ 9 已 目标 (6) 

单元 格 。 水 平台)[ 右 对 齐 | 误 吕 不 换行 o) 门 。 背景 颜色 (6) 人 | #0cD4c7 
区 。 重 直 误 )| 默 认 了 | 高 o 标题 全 ) 


图 9-22 设置 “后 台 管理 ”的 链接 


[Ea 
这 得 文 件 名 自 - 回廊 件 系 统 
EE 


查找 范围 中 于 photesysten 
全 称 
photoadd.php 


photoadmin.php 


photoAlter.php 


photoDelphp 
photodetailphp 
photoShowphp 


文体 名 中 
立 伯 类型，[ 所 有 广 件 -全 各 


etaee ne 


站 点 根 录 


Wm Fei ie 

Ed 于， [区间 7 inder am 

由 
9-23 


“选择 文件 ”对 话 框 


9-24 “参数 ”对 话 框 理 


系 
ETEY 单 击 “ 确 定 ” 按 钮 ， 返 回 到 “选择 文件 ”对 话 框 ， 可 以 看 到 “URL: ”文本 框 ” 统 
中 的 内 容 为 “photoClassphp?pt_class=1”， 如 图 9-25 所 示 。 


选择 文件 名 自 ; 

ee 站 点 和 服务 器 
查找 范围 0) 让 photosysten vv @ 计 已 国 - 
名 称 加 修改 期 a 大 “ 
photoAdd.php 2015/12/4 12:45 PHP 文 件 
photoAdmin.php 2015/12/4 12:46 PHP 文 件 
photoAkter.php 2015/12/4 12:46 PHP 文 件 
photoClass.php 2015/12/4 1247 PHP 文 件 
photoDel.php 2015/12/4 12:47 PHP 文 件 上 
photodetailphp 2015/12/4 12:47 PHP 文 件 
photoShow.php 2015/12/4 12:48 PHP 文 件 到 
CI ’ 
文件 名 0D: 。 photeclass php 确定 
文件 类 型 加) [所 有 文件 te. 和 了 | 了 
WRL: photoClass, php?pt_class=1 ”上 
于: index php 
在 站 点 定义 中 更 纱 黑 认 的 栅 接 相对 于 


图 9-25 “选择 文件 ”对 话 框 
EC 使 用 同样 的 方法 设置 “人 物 ” 的 链接 ， 如 图 9-26 所 示 。 


选择 文件 名 自 : 器 文件 系统 
所 教 据 源 


查 拓 范 围 mj: Bphotosystn vv 加 庄 忆 加- 


名 称 修改 日 期 关 型 

photoAdd.php 2015/12/4 12:45 PHP 文 件 
photoAdmin.php 2015/12/41246 PHP 文件 
本 photoAkerphp 2015/12/41246 ”PHP 文件 
区 2015/12/4 1247 PHP 文件 
本 photopelphp 2015/12/41247 PHP 文件 


photodetailphp 2015/12/41247 PHP 文件 
SphotoShow.php 2015/12/4 1248 ”PHP 文件 
| 


文件 名 吕 : photoClsss. php 
文件 类 型 中 ): 


RL: Photocl ass Phy7paclass=2 
要: ES 了 ] inaer php 
在 站 点 定义 中 更 引 野 这 的 链接 相对 二 


图 9-26 设置“ 人物” 的 链接 
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EEC 使 用 同样 的 方法 设置 “汽车 ”的 链接 ， 如 图 9-27 所 示 。 


选择 文件 名 自 : 回 文件 系统 
| 口 球 扎 源 


查找 范围 0): 用 photosysten ~ @ 人 已 国 - 

和 人称 修改 日 期 E23 

国 lettgif 2015/11/14 18:24 ”GIF 图 你 
号 photoAdd.php 2015/12/4 12:45 PHP 文件 
photoAdmin.php 2015/12/4 12:46 。。 PHP 文件 
$$ photoAkter.php 2015/12/4 12:46 PHP 文件 
[photoclass.php 2015/12/4 12:47 PHP 文 件 
SphotoDel.php 2015/12/4 12:47 。 PHP 文件 
亚 photodetailphp 2015/12/4 1247 。。 PHP 文件 


Co 
| 文件 名 加 : photoClsss. php 


文件 类 型 中) [大 有 文件 -全 可 = 
URL: photoClass. php?pd_class=3 

机 盾 :。 [ 议 档 =] inde nm 

在 让 点 定义 中 本 这 的 放 拉 相对 于 


图 9-27 设置 “汽车 ”的 链接 
EE> 使 用 同样 的 方法 设置 “艺术 ”的 链接 ， 如 图 9-28 所 示 。 


选择 文件 名 自 : 回 文件 系统 
局 救 据 源 


查找 范围 0): 下 photosysten -~@p 忆 - 

名 称 四 修改 日 其 2 大 全 

国 leftgif 2015/11/14 18:24 GIF 图 你 

办 photoAddphp 2015/12/4 12:45 PHP 文 件 

photoAdmin.php 2015/12/4 12:46 PHP 文 件 

SphotoAlter.php 2015/12/4 12:46 PHP 文 件 

photoClass,php 2015/12/4 12:47 PHP 文 件 

SphotoDelphp 2015/12/4 12:47 PHP 文 件 

photodetail.php 2015/12/4 12:47 PHP 文 件 

p nh FMS11 3174 197-48 DHD 立体 F 必 

4 

ON): photoclass. 

| 

文件 类 型 [): [所 有 文件 &t.*) = 

WRL: PhotoClass, php?pd_class=4 参数 .- 

相对 于 : [文档 | index. php 

在 站 点 定义 中 更 改 昧 认 的 捞 按 相对 王 
一 一 一 一 一 一 一 一 一 一 


图 9-28 设置 “艺术 ”的 链接 
EE 至 此 为 止 ， 完 成 了 首页 index.php 的 所 有 设置 ， 选 择 “ 文 件 ”一 “保存 ”菜单 全 
令 保存 该 网 页 ， 按 F12 键 即 可 预览 效果 ， 如 图 9-29 所 示 。 


四 


加 沙 阳 码 串 凋 中 四 由 书 贡 6 小 


AH 


~ 


NN 


图 9-29 主页 面 的 最 终 预览 效果 


9.3.2 ”电子 相册 分 类 页 面 的 制作 


在 前 面 设置 主页 index.php 时 ， 选 择 照 片 类 别 后 ， 会 打开 一 个 电子 相册 分 类 页 面 
photoClass.php， 下 面 就 来 讲述 该 页 面 的 制作 方法 和 技巧 ， 有 具体 操作 步骤 如 下 。 
打开 随 书 光盘 中 的 “素材 \photosystem\photoClass.php” 文 件 ， 页 面 静态 部 分 的 效 
果 如 图 9-30 所 示 。 


G5o x94) o 


图 9-30 电子 相册 分 类 页 面 的 静态 效果 
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案例 课堂 ~ 


EEJ2y 切换 到 “ 绑 定 ”面板 ， 单 击 该 面板 的 四 按 钮 ， 在 弹出 的 菜单 中 选择 “记录 集 
(查询 )” 命 令 ， 弹 出 “记录 集 ” 对 话 框 ， 输 入 数据 如 表 9.5 所 示 ， 结 果 如 图 9-31 所 示 。 


表 9.5 设置 “记录 集 ” 对 话 框 的 参数 


名 称 


photoclass 


photoconn 


photomain 


图 9-31 “记录 集 ” 对 话 框 


本 了 BY 选择 图 像 占 位 符 ， 单 击 “ 属 性 ”面板 中 “链接 ” 右 侧 的 “浏览 文件 ”按钮 回 ， 
弹出 “选择 图 像 源 文件 ”对 话 框 ， 选 择 “ 数 据 源 ” 单 选 按钮 ， 在 “ 域 ” 中 选择 
pt_photo 字段 ， 然 后 在 “URL: ”文本 框 中 添加 图 片 的 前 级 “upload/”， 如 图 9-32 


所 示 。 
这 和 文件 各自 : 让 上 上 
Gi Er 


吐 | 日 节 记 水 入 @hetodass) 
多 了 


格式 :车 
RE aioayyGpiy ecio 和 opiotodlassFpt photo 了 97 
在 让 占 定 义 相 重 册 对 让 的 详 控 相对 二 


图 9-32 “选择 图 像 源 文件 ”对 话 框 


使 282 


入 加 


| 

| 

-~ a, -ie 第 

EC 单 击 “ 确 定 ” 按 钮 ， 然 后 在 “属性 ”面板 中 设置 宽度 为 150px， 高 度 为 94px， 和 
如 图 9-33 所 示 。 

天 

发 

功 允 源 文件 @) pt_photo .Valoejx) 仿 轧 着 换 回 人 屏 》 > WOlso [zx =] 电 

wn 袖 接 加 GD 编 和 3 区 0 x) 入 

地 图 如 目标 双 ) 册 

ROOY 原始 GD 管 

理 

系 

统 


图 9-33 “属性 ”面板 


EERD9) 展开 记录 集 ， 然 后 将 pt_subject 字段 拖 忠 到 网 页 中 合适 的 位 置 ， 具 体 如 图 9-34 
所 示 。 


日 节 记录 集 (photoclass) 
ptID 
pt_subject 
pt_tine 


IGG 


pt_content 
Pt_class 
pt_phote 
了 t_explain 


罗 辣 册 册 册 遇 由 


图 9-34 将 pt_subject 字段 拖 踊 到 网 页 中 


-个 类 别 的 相册 一 般 有 多 个 ， 所 以 需要 添加 重复 区 域 功能 。 单 击 图 像 占 位 符 ， 
然后 单 击 标签 快速 编辑 器 上 的 <li> 标 签 ， 单 击 “服务 器 行为 ”面板 上 的 区 按 钮 ， 在 
弹出 的 菜单 中 选择 “重复 区 域 ”命令 ， 如 图 9-35 所 示 。 
代码 | 拆 分 [设计 | 实时 视图 。 咯 . 思 . 内 be 4 标题: ndex 一 一 一 | 


photoclass php” x 


四 - Xi: ne 
RSD photoconn php 二 


-了 


电子 相册 管理 系统 管 ”上 村 
显示 记录 计数 
动 过 文本 


Go To Detail page 
Go To Related page 


播 入 记录 
更 新 记录 
记录 
动态 表单 元 素 » 
4 -一 -一 一 用 户 身份 验证 » 
HAD DDR [AQ ho ~ 加 加 国 | 593 x 280v 216 /5 秒 简 笨 中 文 (GB231 XSLT 转 弄 


图 9-35 选择 要 重复 的 区 域 
EC 弹出 的 “重复 区 域 ”对 话 框 ， 设 置 显示 的 记录 数 为 6 条 记录 ， 如 图 9-36 所 示 。 
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案例 课堂 > 


记录 入，[photeslass | 


显示 : 图 6 记录 


日 所 有 记录 


图 9-36 “重复 区 域 ”对 话 框 
EC 单 击 “ 确 定 ”按钮 ， 回 到 编辑 页 面 ， 会 发 现 先前 所 选取 要 重复 的 区 域 左 上 角 出 


NN 现 了 一 个 “重复 ”灰色 标签 ， 这 表示 已 经 完成 设置。 
N EET 当 相册 的 图 片 多 于 6 条 记录 的 时 候 ， 需 要 在 第 二 页 中 显示 ， 所 以 要 加 入 记录 和 集 
SS 导航 条 ， 在 “插入 ”面板 的 “数据 对 象 ”中 选择 “记录 集 分 页 ”中 的 “记录 集 导 


航 ”， 在 弹出 的 “记录 集 导 航 条 ”对 话 框 中 ， 选 取 要 导航 条 的 记录 集 以 及 导航 条 的 
显示 方式 ， 如 图 9-37 所 示 。 


图 9-37 “记录 集 导航 条 ”对 话 框 


EEC 单 击 “ 确 定 ” 按 钮 回 到 编辑 页 面 ， 会 发 现 页 面 上 出 现 了 该 记录 集 的 导航 条 ， 如 
图 9-38 所 示 。 


图 9-38 添加 “记录 集 导 航 条 ” 


EEC 如 果 数据 表 中 没有 相册 记录 的 时 候 ， 就 必须 提示 “没有 记录 ”， 如 果 相 册 中 有 
记录 ， 才 能 显示 相册 的 图 片 和 标题 信息 ， 所 以 要 加 入 “显示 区 域 ” 功 能 。 选 择 页 面 
中 的 图 像 占 位 符 ， 在 标签 编辑 器 上 选择 <li> 标 签 ， 单 击 “服务 器 行为 ”面板 上 的 四 
按钮 ， 在 弹出 的 菜单 中 选择 “显示 区 域 ” 一 “如 果 记 录 集 不 为 空 则 显示 区 域 ” 命 


令 ， 弹 出 “如 果 记 录 集 不 为 空 则 显示 区 域 ” 对 话 框 ， 单 击 “ 确 定 ” 按 钮 ， 如 图 9-39 
所 示 。 


记录 集 : [Photoclass 确定 | 


加 注 阳 玛 串 首 小 旺 由 局 好 6 小 


多 NB 


9-39 “如 果 记 录 集 不 为 空 则 显示 区 域 ”对 话 框 


EEP9 日 到 编辑 页 面 ， 会 发 现 先前 所 选取 要 显示 的 区 域 左 上 角 出 现 了 一 个 “如 果 符合 
此 条 件 则 显示 …” 的 灰色 标签 ， 这 表示 已 经 完成 设置 ， 如 图 9-40 所 示 。 


图 9-40 ”完成 设置 后 的 效果 


EEC 选择 文本 “没有 记录 ”所 在 的 行 ， 单 击 “服务 器 行为 ”面板 上 的 后 按钮 ， 在 弹 
出 的 菜单 中 选择 “显示 区 域 ” 一 “如 果 记录 集 为 空 则 显示 区 域 ”命令 ， 弹 出 “如 果 
记录 集 为 空 则 显示 区 域 ”对 话 框 ， 单 击 “确定 ”按钮 ， 如 图 9-41 所 示 。 


3 


记录 和 集 : |photoclass ~ 


9-41 “如 果 记 录 集 为 空 则 显示 区 域 ” 对 话 框 


ESEE》 如 果 浏 览 者 单 击 网 页 中 的 小 图 片 ， 则 需要 跳 转 到 单独 的 浏览 原 图 的 窗口 。 单 击 
图 像 占 位 符 ， 选 择 “窗口 ”一 “行为 ”菜单 命令 ， 弹 出 “行为 ”面板 ， 单 击 商 按 
钮 ， 在 弹出 的 菜单 中 选择 “打开 浏览 器 窗口 ”命令 ， 弹 出 “打开 浏览 器 窗口 ”对 话 
框 ， 如 图 9-42 所 示 。 

EED) 单 击 “ 浏 览 ” 按 钮 ， 弹 出 “选择 文件 ”对 话 框 ， 选 择 文件 为 photoShow.php， 如 
图 9-43 所 示 。 

EECDD》 单 击 “ 参 数 ” 按 钮 ， 弹 出 “参数 ”对 话 框 ， 输 入 “名 称 ” 为 “pt ID”， 单 击 

“ 值 ”下 方 的 副 按 钮 ， 如 图 9-44 所 示 。 
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案例 课堂 > 


图 9-42 


选择 文件 名 自 : 回 文 件 系统 
口 数 据 源 


MM 


菜单 条 
回 SS 要 时 使 用 谅 动 条 
回 调整 大 小 手 确 


“打开 浏览 器 窗口 ”对 话 框 


| 站 点 和 有 务 吕 


名 称 
photoAdmin.php 
办 photoAkerphp 
photoClass.php 
SphotoDel,php 
photodetail.php 


查找 范围 0); 月 photosysten 


-OO 
修改 日 期 类 型 
2015/12/4 12:46 PHP 文 件 
2015/12/4 12:46 PHP 文 件 
2015/12/4 12:47 PHP 文件 
2015/12/4 12:47 PHP 文 件 
2015/12/4 12:47 PHP 文 件 


2015/12/4 12:48 PHP 文 件 


国 rightgif 


2015/11/14 18:26 GIF 图 像 


| 


文件 名 0D: photoShow_ php 


文件 类 型 0)， [所 有 文件 Ge. 


PhotoShow php 


在 站 点 定义 中 更 改 财 认 的 内 接 相对 于 


URL: 
本: re 


图 9-43 “选择 文件 ”对 话 框 


图 9-44 “参数 ”对 话 框 


EED9 打开 “动态 数据 ”对 话 框 ， 选 择 “pt_ID” 字 段 ， 如 图 9-45 所 示 。 
EEC) 单 击 “ 确 定 ” 按 钮 ， 返 回 到 “参数 ”对 话 框 ， 再 次 单 击 “ 确 定 ” 按 钮 ， 返 回 到 
“选择 文件 ”对 话 框 ， 如 图 9-46 所 示 。 


EEC) 单 击 “ 确 定 ” 按 钮 返回 


到 “打开 浏览 器 窗口 ”对 话 框 ， 输 入 “窗口 宽度 ”为 


420， 输 入 “窗口 高 度 ” 为 360， 输 入 视窗 名 称 为 “photShow”， 设 置 窗口 名 称 为 
“photShow”， 如 图 9-47 所 示 。 


一 多 pttine 
一 多 Pt_eontent 


8 ?php echo Srow_photoclass[ pt_pl 


图 9-45 “动态 数据 ”对 话 框 


] 
查找 范围 photosysten -@8 5 


修改 日 区 
2015/12/4 12:46 
2015/12/4 12:46 
2015/12/4 12:47 
2015/12/4 12:47 
2015/12/4 12:47 


选择 文件 名 自 ; 加 文件 系统 
后 热 据 源 


1 Thot5hor Php ?pID= php echo $rowshot, CREE) 
tm mote te 


在 站 点 定义 中 更 纱 冉 认 的 榜 接 相 对 王 


图 9-46 “选择 文件 ”对 话 框 


要 显示 的 URL: photoShow. php?pt_ID=《?php ec [WE... ] 
国 口 克朗 420 突 口 高度，360 
后 性- 问号 航 工具 蔡 回 菜单 条 


回 地 址 工具 栏 回忆 要 时 使 用 未 动 条 
回 状态 栏 日 调整 大 小 手 而 
应 D 名 称 photShoy 


图 9-47 “打开 浏览 器 窗口 ”对 话 框 
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案例 课堂 由 -~ 
EPED》 单 击 “确定 ”按钮 返回 到 “行为 ”面板 ， 查 看 触发 行为 的 动作 是 否 为 onClick， 
如 图 9-48 所 示 。 
ER 
性 [行为] 标签 Gne> 


| 


9-48 “行为 ”面板 


EEC 选择 页 面 上 的 photoclass.pt_subject， 单 击 “ 服 务 器 行为 ”面板 上 的 外 按钮 ， 在 

弹出 的 菜单 中 选择 Go To Detail Page 命令 ， 在 弹出 的 Go To Detail Page 对 话 框 中 单 
击 “ 浏 览 ”按钮 ， 弹 出 “选择 文件 ”对 话 框 ， 选 择 此 站 点 中 的 photoDetailphp， 把 
“传递 URL 参数 ”设置 为 pt ID， 如 图 9-49 所 示 。 单 击 “ 确 定 ”按钮 ， 完 成 详细 页 
面 的 转向 操作 。 


答 接 -| 创建 新 镑 接 :“ 详 细 信 息 ” 至 
详细 信息 页 : photoDet ail. php| [ET 


传递 URL 参数 : pt_ID 设置 为 以 下 项 的 值 
记录 入 |photoclsss ~ 
列 pt_ID 
传递 现 有 参数 : 四 URL 参数 
表单 参数 


图 9-49 Go To Detail Page 对 话 框 
9.3.3 浏览 照片 的 页 面 制作 


当 用 户 在 相册 分 类 页 面 photoclass.php 上 选择 某 一 个 小 图 片 后 ， 会 进入 一 个 浏览 图 片 页 面 
photoShow.php。 下 面 将 要 讲述 如 何 制 作 这 个 浏览 照片 的 页 面 ， 有 具体 操作 步骤 如 下 。 
ES 打开 随 书 光盘 中 的 “素材 \photosystem\photoShow.php” 文 件 ， 静 态 页 面 效果 如 
图 9-50 所 示 。 


C\wampl ww photosystem\photoshow php 


图 9-50 浏览 照片 的 页 面 的 静态 效果 


EEJ2y 切换 到 “ 绑 定 ” 面 板 ， 单 击 该 面板 的 多 按钮 ， 在 弹出 的 菜单 中 选择 “记录 集 


(查询 )” 命 令 ， 弹 出 “记录 集 ” 对 话 框 ， 输 入 的 数据 如 表 9.6 所 示 ， 结 果 如 图 9-51 
所 示 。 


第 
OO 
表 9.6 设置 “记录 集 ” 对 话 框 的 参数 章 
属 性 设置 什 本 
名 称 Show EE 
连接 photoconn 机 
表格 photomain 管 
列 选 定 的 : pt ID pt_photo 和 
筛选 Pt_ID=URL 参数 pt ID 统 
排序 无 
名 称 : shov | 确定 | 
连接 : [zhotoconn [FE Lm ] 
要 格 [photonsin ”| Ca 
殉 自 全部 加 进 主 的 : | | 
st LL_ mw | 
Re 加 
2 =E _ 
[ER 本 元 
关 序 [无 下 [升序 


图 9-51 “记录 集 ” 对 话 框 


ECDIS 选择 图 像 占 位 符 ， 单 击 “ 属 性 ”面板 中 “链接 ” 右 侧 的 “浏览 文件 ”按钮 回 ,， 


弹出 “选择 图 像 源 文件 ”对 话 框 ， 选 择 “ 数 据 源 ” 单 选 按钮 ， 在 “ 域 ” 中 选择 
pt photo 字段 ， 然 后 在 “URL: ”文本 框 中 添加 图 片 的 前 级 “upload”， 如 图 9-52 
所 示 。 


选择 文 件 各自: 站 文件 系统 Es 
回 获 据 源 站 点 和 服务 车 
LD ET 
Pe 
格式 : 无 四 
RE upload/ ?php echo $row_show[’ pt_phote ]; ?> 
在 沿 定 义 中 更 届 对 认 ANt 拉 相对 于 
CE ] 


图 9-52 “选择 图 像 源 文 件 ”对 话 框 
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条 例 课堂 > 


SS 单 击 “ 确 定 ” 按 钮 ， 返 回 到 编辑 窗口 ， 单 击 “ 关 闭 窗口 ”按钮 ， 然 后 切换 到 
“ 拆 分 ”视图 ， 然 后 在 代码 窗口 中 修改 代码 如 下 : 


<input name="button" type=button onClick="javascript:self.close();" 


value=" 关 闭 窗 口 "> 


修改 效果 如 图 9-53 所 示 。 


te 


-区 


UT CORTent IyDe COntert= Te 
下 


312"> 
查看 娄 码 照片 /tit1le>》 


图 9-53 ”修改 代码 
攻 BY 至 此 为 止 ， 就 完成 了 浏览 图 片 页 面 的 所 有 设置 ， 选 择 “ 文 件 ” 一 “保存 ”菜单 
命令 保存 该 网 页 。 


9.3.4 ”电子 相册 详细 显示 页 面 的 制作 


当 用 户 在 相册 分 类 页 面 photoclass.php 上 选择 某 一 个 图 片 的 标题 后 ， 此 时 ,会 进入 一 个 电 
子 相册 详细 显示 页 面 photoDetail.php。 下 面 将 要 讲述 如 何 制作 这 个 详细 显示 的 页 面 ， 具 体操 作 
步骤 如 下 。 
ED 打开 随 书 光盘 中 的 “素材 photosystemphotoDetailphp” 文 件 ， 静 态 页 面 效 果 如 
图 9-54 所 示 。 


图 9-54 ”相册 详细 显示 页 面 的 静态 效果 


仿 290 


EEPp 切换 到 “ 绑 定 ” 面 板 ， 单 击 该 面板 中 的 多 按钮 ， 在 弹出 的 菜单 中 ， 选 择 “ 记 
录 集 (查询 )” 命 令 ， 弹 出 “记录 集 ” 对 话 框 ， 输 入 的 数据 如 表 9.7 所 示 ， 结 果 如 图 9-55 


所 示 。 
表 9.7 设置 “记录 集 ” 对 话 框 的 参数 
属 性 设置 什 
名 称 Recdetail 
连接 photoconn 
表格 | photomain 
列 全 部 
第 和 pt_ID=URL 参数 pt ID 
排序 无 
画 
吉星 Kecdetail CE 
连 报 [Rsteseaa 区 
a es 
区 A Cm 
上 
了 
3 | 
图 9-55 “记录 集 ” 对 话 框 


ERY 单 击 “确定 ”按钮 ， 完 成 记录 集 的 添加 操作 。 在 设 定 完 记 录 集 绑 定 后 ， 先 把 记 
录 集 中 的 字段 拖 电 到 页 面 上 的 相应 位 置 ， 其 中 图 像 占 位 符 绑 定 相册 图 片 的 pt photo 
字段 ， 需 要 在 “属性 ”面板 的 “ 源 文 件 ” 文 本 框 中 添加 图 片 的 前 级 “upload/”， 如 
图 9-56 所 示 。 


PIETER 


Photooetnl php” 


号 已 上 量 = 


9-56 ” 拖 息 字段 到 页 面 上 


全 加 


溺 济 有 山 融 幸 荔 路 曙 渤 六 好 6 小 下 


GG 
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EGG 至 此 为 止 ， 就 完成 了 相册 详细 显示 页 面 的 所 有 设置 ， 选 择 “ 文 件 ”一 “保存 ” 
荣 单 命令 保存 该 网 页 。 
9.4 ”电子 相册 系统 管理 界面 的 制作 


在 电子 相册 系统 中 ， 管 理 员 可 以 修改 电子 相册 信息 ， 也 可 以 删除 不 需要 的 电子 相册 ， 对 
于 电子 相册 系统 的 维护 十 分 重要 。 


9.4.1 管理 员 登 录 页 面 的 制作 


由 于 管理 员 页 面 是 不 允许 网 站 访问 者 进入 的 ， 必 须 受 到 权限 管理 ， 可 以 利用 管理 员 账号 
AN ”和 管理 密码 来 判断 是 否 有 此 用 户 。 制 作 管理 员 登 录 页 面 的 操作 步骤 如 下 。 
EI 打开 随 书 光盘 中 的 “素材 photosystemvadminLogin.php” 文 件 ， 切 换 到 “服务 器 


行为 ”面板 ， 单 击 该 面板 中 的 轩 按 钮 ， 在 弹出 的 菜单 中 选择 “用 户 身份 验证 ”一 
人 和 as 9-57 和 


图 9-57 选择 “登录 用 户 ”命令 
ECGRP 阐 出 “登录 用 户 ” 对 话 框 ， 设 置 方法 如 图 9-58 所 示 。 


从 委 半 获 镁 入 [Eorml | [| 
用 广 吉良 [esermme | [9 消 _] 
imide LD ] 

使 用 过 接洽 证 - ee 

a = 

用 广 名 到 [Eee 国 

El: pest | 

加 时 登录 式 功 ， 针 到 2hotohdnin Hhp Em 


回转 到 前 一 个 URL ( 如 果 它 存在 ) 
如 果 登 录 失 败 . 转 到 - index php 对 


苦于 以 下 丰硕 抽 访问 - 加 用 广 名 和 窜 码 
个 用 广 名 、 究 友和 访问 明 到 
获取 级 到 自 -| :=eraae 


9-58 “登录 用 户 ” 对 话 框 
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本 

人 表单 中 有 两 个 字段 ，username 是 输入 管理 员 名 称 的 字段 ， 另 一 个 passwd 是 输入 章 
SS 管理 员 密码 的 字段 。 登 录 管 理 员 的 服务 器 行为 ， 是 根据 管理 员 所 输入 的 账号 密码 ,与 天 
数据 表 中 所 保存 的 管理 员 名 称 和 密码 对 比 ， 若 符合 即 转 到 管理 页 面 photoAdminphp， 入 

不 符合 即 退出 到 电子 相册 系统 主页 面 index.php。 在 
EDB) 单 击 “ 确 定 ”按钮 ， 完 成 登录 用 户 的 验证 。 选 择 “ 窗 口 ”一 “行为 ”菜单 命 ” 尊 
令 ， 弹 出 “行为 ”面板 ， 单 击 写 按钮 ， 在 弹出 的 菜单 中 选择 “检查 表单 ”命令 弹 ”本 

统 


出 “检查 表单 ”对 话 框 ， 设 置 usemame 和 passwd 为 必需 的 ， 如 图 9-59 所 示 。 


值 回 | 儿 归 的 


可 接受 ， 回 任何 东西 9 到 
口 电子 邮件 地 址 。 站 数字 从 


图 9-59 “检查 表单 ”对 话 框 
ED 单 击 “ 确 定 ” 按 钮 ， 完 成 管理 员 登 录 页 面 adminLogin.php 的 制作 。 


9.4.2 ”电子 相册 系统 管理 主页 面 的 制作 


用 户 登 录 成 功 后， 将 进入 系统 管理 员 主 界面 photoAdmin.php。 该 页 面 主 要 为 版 主 提 供 数 
据 的 修改 和 删除 操作 。 

具体 操作 步骤 如 下 。 

Ey 打开 随 书 光盘 中 的 “素材 photosystem\photoAdmin.php” 文 件 ， 静 态 页 面 效 果 如 


| BEE 


图 9-60 系统 管理 主页 面 的 静态 效果 
分 别 设置 网 页 中 各 个 文本 的 超级 链接 ， 如 表 9.8 所 示 。 


23@ 


Dreamweaver+PHP+MySQL 动 态 网 站 开发 
案例 课堂 ~ 


表 9.8 设置 页 面 中 的 链接 


链接 文件 
新 增 电 子 相册 
管理 电子 相册 


EEB 切换 到 “ 绑 定 ”面板 ， 单 击 该 面板 中 的 针 按 钮 ， 在 弹出 的 菜单 中 ， 选 择 “ 记 
录 集 (查询 )” 命 令 ， 弹 出 “记录 集 ” 对 话 框 ， 输 入 的 数据 如 表 9.9 所 示 ， 结 果 如 图 9-61 


photoAdd.php 
photoAdmin.php 


所 示 。 
表 9.9 设置 “记录 集 ” 对 话 框 的 参数 
属 性 设置 值 
名 称 Recphoto 
连接 photoconn 
表格 photomain 
列 选 定 的 : pt ID pt_subject pt time 
筛选 无 
排序 pt time 降序 
EE [Ez] 
名将 : Recphoto [EE | 
连接 [phot | 二 二 
[可 ] 
地 动 ] 


9-61 “记录 集 ” 对 话 框 


EEC 单 击 “ 确 定 ” 按 钮 ， 即 可 完成 记录 集 的 绑 定 。 在 “ 绑 定 ” 面 板 上 出 现 上 面 设 置 
的 记录 集 名 称 ， 展 开 后 ， 将 需要 引用 的 数据 字段 拖 忠 到 网 页 中 ， 如 图 9-62 所 示 。 


后 理 管 理 咎 几 


图 9-62 ”把 字段 拖 抱 到 网 页 中 


ECDD 选择 需要 重复 区 域 的 表格 的 第 二 行 ， 切 换 到 “服务 器 行为 ”面板 ， 单 击 该 面板 
的 四 按钮 ， 在 弹出 的 菜单 中 ， 选 择 “重复 区 域 ”命令 ， 如 图 9-63 所 示 。 


| 


] 
Camp 


图 9-63 选择 “重复 区 域 ”命令 


EDUD 弹出 “重复 区 域 ”对 话 框 ， 选 择 “ 记 录 集 ”为 Recphoto， 选 择 “ 显 示 ” 为 “10 
条 记录 ”， 单 击 “ 确 定 ”按钮 ， 如 图 9-64 所 示 。 


ie [EGG 


加 所 有 记录 


图 9-64 “重复 区 域 ” 对 话 框 
EC 选择 “编辑 ”文本 ， 在 “服务 器 行为 ”面板 中 单 击 固 按 钮 ， 在 弹出 的 菜单 中 选 
择 Go To Detail Page 命令 ， 弹 出 Go To Detail Page 对 话 框 ， 将 自动 产生 链接 ， 设 置 
“详细 信息 页 ”为 photoAlterphp， 设 置 “传递 URL 参数 ”为 pt_ID、“ 记 录 集 ”为 
Recphoto、“ 列 ”为 pt ID， 如 图 9-65 所 示 ， 单 击 “ 确 定 ” 按 钮 ， 完 成 转 到 详细 页 
面 的 设置 。 


ES 全 和 
详细 信息 页 photoAlter. php ED 
传递 URL 湖 数 pt-ID 设置 为 以 下 项 的 什 
记录 集 : | Recphoto - 
烈 |pt_ID 可 
传递 现 有 参数 : 中 URL 参数 
表单 参数 


图 9-65 ”Go To Detail Page 对 话 框 
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重复 上 一 步 操作 ， 设 置 “ 删 除 ” 文 本 的 转 到 详细 页 面 photoDelphp， 如 图 9-66 
所 示 。 
7 [ae 
详细 信息 页 - photolel mp Cm 
传递 URL 雪 数 Pt- 历 设置 为 以 下 项 的 全 ET 
记录 入 
到 [ptm = 
传递 现 有 参数 : 四 URL 参数 
ED 


图 9-66 设置 删除 文本 的 转 到 页 面 
EEIDp 将 光标 定位 在 下 方 的 单元 格 中 ， 然 后 在 “插入 ”面板 中 ， 选 择 “数据 ”一 “ 记 
录 集 分 页 ”一 “记录 集 导 航 条 ”命令 ， 弹 出 “记录 集 导 航 条 ”对 话 框 ， 选 择 “ 记 录 
集 ” 为 Recphoto、“ 显 示 方式 ”为 “文本 ”， 单 击 “ 确 定 ” 按 钮 ， 如 图 9-67 所 示 。 


图 9-67 “记录 集 导航 条 ”对 话 框 
插入 记录 集 导航 条 的 效果 如 图 9-68 所 示 。 


图 9-68 ”插入 记录 集 导 航 条 


EEC 由 于 photoAdminphp 页 面 是 管理 界面 ， 为 了 避免 浏览 者 跳 过 登录 界面 来 读 取 这 
个 页 面 ， 可 以 加 上 服务 器 行为 来 防止 该 漏洞 。 在 “服务 器 行为 ”面板 中 单 击 四 按 
钮 ， 在 弹出 的 菜单 中 选择 “用 户 身份 验证 ”一 “限制 对 页 的 访问 ”命令 ， 如 图 9-69 
所 示 。 
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9-69 选择 “限制 对 页 的 访问 ”命令 
EEPp 弹出 “限制 对 页 的 访问 ”对 话 框 ， 选 择 “ 基 于 以 下 内 容 进行 限制 ”为 “用 户 名 
和 密码 ”， 设 置 “如 果 访 问 被 拒绝 ， 则 转 到 ”为 adminLogin php， 单 击 “ 确 定 ” 按 
钮 ， 如 图 9-70 所 示 。 


基于 以 下 内 容 进行 限制 : 加 ”用户 名 和 密码 
司 ” 用户 各 、 因 码 和 访问 级 到 
选取 级 别 - 


如 果 访 问 被 拒绝， 则 转 到 sdninLogin php 


图 9-70 “限制 对 页 的 访问 ”对 话 框 
EEDE) 选择 “退出 管理 界面 ”文本 ， 在 “服务 器 行为 ”面板 中 单 击 因 按钮， 在 弹出 的 A 


菜单 中 选择 “用 户 身份 验证 ”一 “注销 用 户 ” 命 令 ， 弹 出 “注销 用 户 ” 对 话 框 ， 设 
置 如 图 9-71 所 示 ， 单 击 “确定 ”按钮 。 


在 以 下 情况 下 注销 : 回 单 击 链接 - | 


个 页 面 堵 入 
在 完成 后 ， 转 到 index. php 


9-71 “注销 用 户 ” 对 话 框 


EEC》 至 此 为 止 ， 就 完成 了 相册 管理 主 界面 的 所 有 设置 ， 选 择 “ 文 件 ” 一 “保存 ” 命 
令 保存 该 网 页 。 


外 
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9.4.3 ”电子 相册 添加 页 面 的 制作 


从 相册 系统 管理 主 界面 ， 管 理 员 通 过 单 击 “ 新 增 电子 相册 ”链接 ， 可 以 跳 转 到 电子 相册 
添加 页 面 。 

制作 电子 相册 添加 页 面 的 难点 ， 是 实现 图 片 的 上 传 功能 ， 在 网 络 上 ， 由 客户 端 将 文件 上 
传 到 服务 器 端 是 一 件 十 分 不 容易 的 事情 ， 在 PHP 中 提供 了 网 页 文件 上 传 完整 的 内 建 函数 ， 如 
果 读 者 熟悉 源码 的 编辑 模式 ， 可 以 很 轻松 地 完成 上 传 的 操作 。 

虽然 原理 简单 、 函 数 完整 ， 但 是 ， 要 将 源 代码 放置 到 页 面 中 适当 的 位 置 ， 执 行 适当 的 动 
作 ， 有 时 也 是 十 分 麻烦 的 。 

不 过 ， 为 了 可 以 让 我 们 完成 这 个 艰苦 的 任务 ， 本 例 中 使 用 了 一 个 针对 图 片上 传 设计 的 扩 
充 程 序 eDreamer PHPPIUpload.mxp， 它 会 在 我 们 要 上 传 图 片 的 窗 体 中 插入 预览 的 图 片 及 上 传 
按钮 ， 在 选 定 上 传 的 文件 后 ， 即 可 开始 上 传 ， 并 可 将 成 品 放置 到 窗 体 中 供 我 们 预览 ， 功 能 是 
不 是 很 强大 呢 ? 最 精彩 的 还 不 只 如 此 ， 可 以 在 上 传 页 面 设 置 上 传 的 图 片 文件 大 小 、 图 片 长 宽 
的 限制 。 

具体 操作 步骤 如 下 。 

ESJDp 打开 随 书 光盘 中 的 “素材 \photosystem\photoAdd.php ”文件 ， 静 态 页 面 的 效果 如 
图 9-72 所 示 。 


管理 电子 相册 : 


退出 管理 界面 


Pg 


图 9-72 发布 新 主题 页 面 的 静态 效果 


@: 页 面 中 ，4 个 单 选 按钮 的 名 称 都 是 pt_class， 但 选 定 值 分 别 是 1、2、3、4， 对 应 
| 长 风景 、 人 物 、 汽 车 、 艺 术 4 种 照片 类 型 。 


在 光盘 中 找到 eDreamer_ PHPPIUpload.mxp 扩充 程序 ， 如 图 9-73 所 示 。 


六 加 


GO =. ， se. *|4| sa 
文 作 朋 。 篇 时 (和 喜 看 M) 工具 Mm 帮助 (H) 
组 织 ” 和 坊 打 开 ” 记录。 新建 文件 夫 


下 
号 
[J 
i@ 
淮 济 山 束 囊 匣 路 哩 针 六 直 6 浇 %。， 


| checkform ED_PHPCa 
| ee a 

| 
ed 1 ee | | 
国 Apps | 

FXPHPUs Hiooper MX125164 MX680624 MX5682891 。 mxpJhtm 
国 祝 抽 | erauthlsL。 MXpHpm PD Html _FXPHPU  _FXPHPMi 
加 图 片 mp xp Editorimx serAuthent ssingTools 
习 文 档 | p mp “mp 

动 言 和 
清 计算 机 


日 期: 2007/3/5 16:00 创建 日 时 : 2015/11/26 17:55 
大 小 19.1 KB 


图 9-73 ”查看 光盘 中 的 扩展 插件 


双击 eDreamer PHPPIUpload.mxp 插件 ， 即 可 打开 许可 证 安装 窗口 ， 单 击 “ 接 
受 ” 按 钮 ， 将 自动 安装 该 插件 ， 如 图 9-74 所 示 。 


Adobe Extension Manager 


IGG 


许可 证 
您 将 安装 HP 图 片上 传 系统 扩展。 继续 操作 之 前 ， 请 仔细 阅读 以 下 内 容 。 


9-74 ”许可 证 安装 窗口 


EEIZ》 安装 完成 后 ， 在 插件 管理 器 窗口 中 即 可 看 到 刚刚 安装 的 插件 ， 如 果 不 再 需要 ， 
可 以 单 击 “ 移 除 ” 按 钮 ， 从 而 删除 该 插件 ， 如 图 9-75 所 示 。 


人 在 安装 完毕 之 后 ， 一 定 要 关闭 Dreamweaver CS6 后 再 重新 打开 ， 以 确保 这 个 扩充 


站 ”程序 可 以 正确 使 用 。 

葬 于 BY 将 光标 定 在 “上 传 图 片 ” 右 侧 的 单元 格 中 ， 切 换 到 “服务 器 行为 ”面板 ， 单 
该 面板 中 的 四 按钮 ， 在 弹出 的 菜单 中 选择 “ 织 梦 平台 ”一 “PHP 图 片上 传 系统 ” 命 
令 ， 如 图 9-76 所 示 。 

ED 弹出 “PHP 图 片上 传 系统 ”对 话 框 ， 设 置 参数 如 图 9-77 所 示 。 


Em 
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Ee 


9-75 成功 安 装 了 插件 


| 上 | 7] 天 雪上 师 . 电 夏 扣 所 色相 由 9 


Go To Detail page 
Go To Relmed page 


+ 
[rn 一 | re 


图 9-76 “PHP 图 片上 传 系统 ”命令 


和 1 PHP 图 片上 传 系统 

1 、 

1 加 片 '. 二 图 片上 传 路 径 : upload 

1 上 传 路 径 。 | | 上 人 全 


1 | 文件 大 小 限制 300 KB( 最 好 不 要 超过 500KB) 
@ 设 置 图 片 ! /图片 宽度 限制 400 


1 

1 

! 文件 的 大 小 ”| 图片 高 度 限 制 600 
1 1 


* 说 明 - 您 可 以 上 传 图 片 到 指定 的 路 径 ， 并 在 原 页 面 预览 显示 
上 传 后 的 图 片 。 

+ 备注 : 您 可 以 限制 图 片 文件 的 大 小 、 图 片 的 宽度 及 高 度 ， 当 
不 符合 您 的 设置 时 系统 即 不 允许 您 上 传 。 若 您 不 想 要 
阴 制 某 些 上 传 的 条 件 ， 请 将 该 字段 空 下 即 可 。 


构 多 名 VER30 DavidHuang 
Hr te LOREnrERIDVT 


Copyright@ 2003 


9-77 “PHP 图 片上 传 系统 ”对 话 框 


条 300 


a 


Sn 在 上 面 的 设置 对 话 框 中 ， 可 以 针对 图 片 的 文件 大 小 、 图 片 长 宽 来 做 设置 ， 当 用 户 
SS 不 输入 任何 值 到 这 些 字段 中 时 ， 即 代表 对 于 上 传 的 图 片 不 加 限制 。 


本 TD 单 击 “确定 ”按钮 ， 回 到 原 页 面 后 ， 会 出 现 一 个 预览 上 传 的 图 片 及 上 传 按钮 ， 


而 上 传 后 的 文件 名 是 保存 在 一 旁 的 隐藏 字段 qePic)， 它 的 功能 是 保存 上 传 后 的 文件 
名 称 ， 如 图 9-78 所 示 。 


誉 洲 册 贰 率 荔 路 昌 注 冲刷 6 小 目 


A .添加 的 隐藏 ， 
1 : me 字段 rePic pe 


图 9-78 添加 上 传 图 片 后 的 效果 
EEC 选择 “日 期 ” 右 侧 的 文本 域 pt_time， 在 “属性 ”面板 的 初始 值 中 输入 <?php 
echo date(“Y-m-d H:i:s”)?>， 如 图 9-79 所 示 。 如 此 ， 只 要 管理 员 一 进入 这 个 页 面 ， 程 
序 即 会 自动 取得 系统 当前 时 间 ， 并 在 这 个 文本 域 上 显示 。 


加 文本 域 字符 宽度 0) 类 型 可 单行 6) 多 行 员 口 密码 中) 
|pt_time 最 参 字 符 数 初始 值 CI |<?php echo date CY-m-d li:s")? 让 | 多 

加 禁用 O) 

只 读 吧 ) 


图 9-79 “属性 ”面板 
EIB 切换 到 “服务 器 行为 ”面板 ， 单 击 该 面板 中 的 轩 按 钮 ， 在 弹出 的 菜单 中 选择 
“插入 记录 ”命令 ， 弹 出 “插入 记录 ”对 话 框 ， 输 入 如 表 9.10 所 示 的 数据 ， 新 增 记 
录 后 ， 转 到 主页 面 photoAdmin php， 如 图 9-80 所 示 ， 单 击 “ 确 定 ” 按 钮 完成 插入 记 


录 操 作 。 
表 9.10 “插入 记录 ”对 话 框 中 的 设置 
属 性 设置 值 
连接 photoconn 
插入 到 表格 photomain 
插入 后 ， 转 到 photoAdmin php 
获取 值 自 forml 
表单 元 素 (文本 字段 和 数据 字段 对 应 上 即 可 ) 
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案例 课堂 一 
Eee 
1 @ 使 有 数据 Ex 和 ,as =] T---- ' 
1 库 连接 名 称 ! “a oom __"] | @ 插 入 数据 | 
的 人称 
bo 7 
= Re 
ss 二 @ 在 “ 值 ”中 选 
ee 1 FoRM repic 
0 i]  “--------- - 
插入 后 ， 转 到 : photoAdmin. php i Ft 
3 1 @ 插 入 后 转 1 
! 到 的 网 页 1 
图 9-80 “插入 记录 ”对 话 框 


EEC 选择 “窗口 ”一 “行为 ”命令 ， 弹 出 “行为 ”面板 ， 单 击 观 按钮 ， 在 弹出 的 菜 
单 中 选择 “检查 表单 ”命令 ， 弹 出 “检查 表单 ”对 话 框 ， 设 置 pt_subject、pt_photo 
和 pt_content 为 必需 的 ， 如 图 9-81 所 示 。 


Ph 


input “pt_photo 
textarea "pt_content” (R) 


全 回 


[2 的 


可 接受 回 任何 东西 © ws 
日 电子 闻 件 地 址 。 刁 数字 从 到 
图 9-81 “检查 表单 ”对 话 框 
EEID9 单 击 “ 确 定 ” 按 钮 ， 完 成 检查 表单 的 操作 。 至 此 ， 发 表 相册 添加 页 面 已 经 制作 


完成 。 
9.4.4 电子 相册 修改 页 面 的 制作 


修改 讨论 主题 页 面 为 photoAlterphp， 主 要 功能 是 将 更 新 的 主题 和 内 容 更 新 到 photomian 
数据 表 中 。 有 具体 操作 步骤 如 下 。 
ET 打开 随 书 光盘 中 的 “素材 \photosystem\photoAlter.php” 文 件 ， 静 态 页 面 的 效果 如 
图 9-82 所 示 。 
EECRD) 参照 前 面 所 学 的 知识 ， 添 加 上 传 图 片 的 功能 ， 添 加 后 的 效果 如 图 9-83 所 示 。 


a 302 


一 


电子 相册 


加 沙 阳 不 串 首 小 昌 站 书 好 6 小 二 


IGG 


iv 日 ! 3 
xD eng o 办 人 o Bs 0 


简 过 


上 传 图 片 : || 和信 


图 9-83 添加 上 传 图 片 的 功能 
EEIRB) 切换 到 “ 绑 定 ”面板 ， 单 击 该 面板 中 的 大 按钮 ， 在 弹出 的 菜单 中 选择 “记录 集 


(查询 )” 命 令 ， 弹 出 “记录 集 ” 对 话 框 ， 输 入 数据 如 表 9.11 所 示 ， 输 入 效果 如 图 9-84 
所 示 。 


表 9.11 设置 “记录 集 ” 对 话 框 的 参数 


Recalter 


photoconn 


表格 
列 


photomain 
全 部 
pt ID=URL 参数 pt ID 
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名 称 : Recalter 亡 这 | 
Ses [W ] 
[LM ] 
- 者 助 
国 


ptID 
[天 诛 


图 9-84 “记录 集 ” 对 话 框 


EEC 单 击 “确定 ”按钮 ， 完 成 记录 集 的 添加 操作 。 在 “ 绑 定 ” 面 板 上 出 现 了 上 面 设 
置 的 记录 集 名 称 ， 展 开 后 ， 将 需要 引用 的 数据 字段 拖 忠 到 网 页 中 ， 如 图 9-85 所 示 。 


图 9-85 将 字段 拖 中 到 网 页 中 
EEJDp 选择 隐藏 域 ， 然 后 将 pt_ID 字段 拖 忠 到 上 面 ，“ 属 性 ”面板 的 “ 值 ” 中 自动 添加 


了 相关 代码 ， 如 图 9-86 所 示 。 


值 ) 《php echo $row_Recalter[ pt_ID | 到 


图 9-86 “属性 ”面板 
Eng 较为 不 同 的 是 单 选 按钮 的 设置 ， 这 里 ， 切 换 到 “服务 器 行为 ”面板 ， 单 击 该 
板 中 的 办 按钮 ， 在 弹出 的 菜单 中 选择 “动态 表单 元 素 ” 一 “动态 单 选 按钮 组 ” 命 
令 ， 弹 出 “动态 单 选 按钮 组 ”对 话 框 ， 如 图 9-87 所 示 。 


分 304 


单 选 按 馈 组 .| “pt_class” 在 表单 “forml” 了 


9-87 “动态 单 选 按钮 组 ”对 话 框 理 


系 
ET 单 击 于 按钮 ， 弹 出 “动态 数据 ”对 话 框 ， 选 择 “ 域 ”中 的 记录 集 字段 ” 统 
pt_class， 如 图 9-88 所 示 。 


二 ![ 电导 “记录 全 eeslter) CC 三 号 
ptID 一 取消 一 
帮助 00 


RD] * RRB 
只 


区 


I php echo $row_Recalter[ pt_clu 


图 9-88 “动态 数据 ”对 话 框 


攻 于 BY 单 击 “ 确 定 ” 按 钮 ， 返 回 到 “动态 单 选 按钮 组 ”对 话 框 ， 在 “选取 值 等 于 : ” 
中 自动 添加 了 相关 的 代码 ， 如 图 9-89 所 示 。 


单 选 授 钮 组 “pt_class” 在 表单 “fornl” > 


选取 值 等 于 ;《?php echo $row_Recalter [rt 留 


图 9-89 “动态 单 选 按钮 组 ”对 话 框 


EB 单 击 “ 确 定 ” 按 钮 ， 返 回 到 修改 页 面 ， 然 后 将 记录 集中 的 pd_photo 字段 拖 忠 到 
“上 传 图 片 ” 右 侧 的 隐藏 字段 rePic 上 ， 从 而 将 上 传 图 片 的 文件 名 与 该 隐藏 字段 绑 
定 ， 如 图 9-90 所 示 。 

“上 传 图 片 ” 按 钮 左 侧 的 上 传 预览 图 片 也 需要 显示 原来 上 传 的 图 片 ， 此 时 需要 
先 选中 该 图 片 ， 在 “属性 ”面板 中 ， 单 击 “ 源 文件 ” 右 侧 的 “浏览 文件 ”按钮 ， 如 
图 9-91 所 示 。 

EEIDD 弹出 “选择 图 像 源 文件 ”对 话 框 ， 选 择 “ 数 据 源 ” 单 选 按钮 ， 在 “ 域 ” 中 选择 
pt_ photo 字段 ， 然 后 在 “URL: ”文本 框 中 添加 图 片 的 前 级 “upload/”， 如 图 9-92 
所 示 。 
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图 9-90 将 图 片 文件 名 与 隐藏 字段 rePic 绑 定 


| gs 加 


‘table> Ctr> ta Rina. .. 5 


vas 


/ | » /A 


showIng | 链接 0 | 久 局 纺 中 2 
图 9-91 “属性 ”面板 


站 点 根 目录 | 
[EE 


蝶 3[ 瑟 驴 (photoclsss) 
n 


Ptsubjeet 
pttine 
pt_content 
pt_elass 


站 式 : 无 


REY upload/ Ophp echo 和 ov_photeclass[ pt_phote ]; ?> 


| bpm 


| 


9-92 “选择 图 像 源 文件 ”对 话 框 


ge 当 修改 了 上 传 系 统 图 片 显 示 的 默认 值 后 ， 在 “服务 器 行为 ”面板 中 “图 片上 传 系 


了 提示 


汇 统 ” 前 出 现 了 红色 惊叹 号 。 这 是 因为 原 添加 的 程序 代码 被 修改 了 ， 所 以 会 出 现 这 个 惊 


叹 号 来 告知 ， 不 过 ， 这 里 这 个 状况 是 正常 的 。 


EEP9 在 “服务 器 行为 ”面板 中 ， 单 击 四 按钮 ， 在 弹出 的 菜单 中 选择 “更 新 记录 ” 命 


令 ， 弹 出 “更 新 记录 ”对 话 框 ， 设 置 参 数 如 图 9-93 所 示 。 


令 306 


提交 值 ， 自 : |fornl 至 


图 9-93 “更 新 记录 ”对 话 框 


由 于 photoAlter.php 页 面 是 管理 界面 ， 为 了 避免 浏览 者 跳 过 登录 界面 来 读 取 这 个 
页 面 ， 可 以 加 上 服务 器 行为 ， 来 防止 这 个 漏洞 。 在 “服务 器 行为 ”面板 中 单 击 国 按 
钮 ， 在 弹出 的 菜单 中 选择 “用 户 身份 验证 ”一 “限制 对 页 的 访问 ”命令 ， 如 图 9-94 
所 示 。 


Go To Detail Page 
Go To Related Page 


图 9-94 选择 “限制 对 页 的 访问 ”命令 
EC 弹出 “限制 对 页 的 访问 ”对 话 框 ， 选 择 “ 基 于 以 下 内 容 进行 限制 ”为 “用 户 名 
和 密码 ”， 设 置 “如 果 访 问 被 拒绝 ， 则 转 到 ”为 adminLogin.php， 单 击 “ 确 定 ” 按 
钮 ， 如 图 9-95 所 示 。 
EEC 到 此 为 目 ， 完 成 了 相册 修改 页 面 的 所 有 设置 ， 选 择 “ 文 件 ” 一 “保存 ”菜单 命 
令 保 存 该 网 页 。 
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基于 以 下 内 容 进行 限制 : 加 ”用户 名 和 回 码 
用 户 名 、 财 码 和 访问 级 别 


如 果 访 问 被 拒绝 ， 则 转 到 - sdninLogin php 


中 


1 


图 9.95 “限制 对 页 的 访问 ”对 话 框 
9.4.5 ”电子 相册 删除 页 面 的 制作 


电子 相册 删除 页 面 photoDel.php 的 主要 功能 是 删除 指定 的 相册 。 具 体操 作 步 又 如 下 。 
打开 随 书 光盘 中 的 “素材 \photosystem\photoDel.php ”文件 ， 静 态 页 面 的 效果 如 
图 9-96 所 示 。 


电子 相册 


Sm 


折 提 电子 相 明 


图 像 : photoImages (1... 


EIU] 


图 9-96 ”电子 相册 删除 页 面 的 静态 效果 
EEIPy 切换 到 “ 绑 定 ” 面 板 ， 单 击 该 面板 中 的 多 按钮 ， 在 弹出 的 菜单 中 选择 “记录 集 
(查询 )” 命 令 ， 将 会 弹出 “记录 集 ” 对 话 框 ， 输 入 数据 如 表 9.12 所 示 ， 输 入 效果 如 
图 9-97 所 示 。 


表 9.12 设置 “记录 集 ” 对 话 框 的 参数 


属 性 设置 值 
名 称 Recdel 
连接 photoconn 
表格 photomain 
列 全 部 
筛选 Pt_ID=URL 参数 pt ID 
排序 无 
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名 称 : Recdel 
连接 - [是 & 
表格 - 
到 : 
国 


排序 - 


图 9-97 “记录 集 ” 对 话 框 


EBY 单 击 “ 确 定 ” 按 钮 ， 完 成 记录 集 的 添加 操作 。 在 “ 绑 定 ”面板 上 出 现 上 面 设置 
的 记录 集 名 称 ， 展 开 后 ， 将 需要 引用 的 数据 字段 一 一 拖 忠 到 网 页 中 ， 其 中 ， 图 像 占 
位 符 绑 定 相册 图 片 pt_photo 字段 ， 需 要 在 “属性 ”面板 的 “ 源 文件 ”文本 框 中 添加 
图 片 的 前 级 “upload/”， 如 图 9-98 所 示 。 


申 子 相册 


-| 造 
DI DD GoD Rig [ND Q lo “| 四 团 关 | azr ?et 1 /1 种 简 宁 中 文 fn0312) 
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对 六 件 ) EGGKrrhy echo 引信 口 营 妆 0) pewolovees Pry Pp 


7 国人 ~ Ee 
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9-98 ”将 字段 拖 披 的 网 页 中 


EC 选择 隐藏 域 ， 然 后 将 pt_ID 字段 拖 忠 到 上 面 ，“ 属 性 ”面板 的 “ 值 ” 中 自动 添加 
了 相关 代码 ， 如 图 9-99 所 示 。 


de os 


Nl 隐藏 区 域 
jpt_II 值 G) | 人 ?php echo Srow_Recdel[' pt_ID]; 多 


图 9-99 “属性 ”面板 


本 TBY 切换 到 “服务 器 行为 ”面板 ， 单 击 该 面板 中 的 加 按钮 ， 在 弹出 的 菜单 中 选择 
“删除 记录 ”命令 ， 弹 出 “删除 记录 ”对 话 框 ， 设 置 参数 如 图 9-100 所 示 。 


党 漠 峙 中 串 前 小 四 溃 忆 贡 6 小 目 
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首先 检查 是 否 已 定义 变量 | 主 
连接 : 
雪 格 : 
主键 列 - 
主 健生 [EL 多 数 
到 除 后 ， 转 到 : photohdnir php 


图 9-100 “删除 记录 ”对 话 框 


ED 单 击 “确定 ”按钮 ， 完 成 电子 相册 删除 页 面 的 制作 。 至 此 ， 本 章 的 电子 相册 系 
统 就 制作 完成 了 。 


9.5 电子 相册 系统 功能 的 测试 
电子 相册 系统 制作 完成 后 ， 即 可 进行 测试 操作 ， 从 而 进一步 完善 整个 电子 相册 系统 。 


9.5.1 管理 相册 测试 


由 于 电子 相册 中 没有 任何 数据 ， 这 里 先进 行 管理 相册 的 测试 。 操 作 步 又 如 下 。 
ES 在 IE 浏览 器 中 输入 “http:/localhostphotosysteny/adminLogin.php” 打 开 登 录 页 


外 -| 筷 hapy/localhosy: BD- Cx 
ETE xj 用 


文件 ”总 器 (E) 查看 (V) ”收藏 赤 (A) 工具 (T) 帮助 (H) 


电子 相册 管理 后 台 
管理 账号 。 adsis 
管理 密码 。 adain 

[] 


9-101 ”管理 员 登 录 页 面 


EEJPp 单 击 “ 登 录 ” 按 钮 ， 进 入 电子 相册 管理 主页 面 photoAdmin.php， 如 图 9-102 所 
示 。 管 理 员 可 以 新 增 、 修 改 和 删除 电子 相册 。 

国 了 BY 单 击 “ 新 增 电子 相册 ”链接 ， 进 入 电子 相册 新 增 页 面 photoAdd.php， 如 图 9-103 
所 示 。 按 要 求 输入 主题 和 简 述 ， 选 择 相册 的 类 别 ， 上 传 需要 的 图 片 ， 最 后 单 击 “ 确 
认 提 交 ” 按 钮 即 可 。 

EEIz 提交 表单 后 ， 自 动 进入 电子 相册 管理 页 面 ， 可 以 看 到 添加 的 相册 。 重 复 上 面 的 
操作 ， 可 以 添加 多 个 相册 ， 如 图 9-104 所 示 。 
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主题 ， 
日 期 ， 2015-12-05 05:50:34 


类 ?5 na = 四/ o 室 s# 。 本 2 ] 
午 壕 ， : 
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区 SEE 下 


9-103 ”photoAdd.php 页 面 的 效果 


| 回 - 可 Hapwccahorypnoroarteryphotokdmnphp So-acx 
EP x 


文件 站 妨 侣 E) 豆 看 V) 收工 具 m 入; 站 


新 并 于 惟 肌 日 站 dd 执行 功能 
美 嫩 4 胃 重 囊 院 
美 呈 了 EE 
美景 2 易 准 台 际 
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9-104 ”添加 多 个 相册 的 效果 


涛 洲 油 草率 苗 路 虽 溃 站 由 6 名 午 
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案例 课堂 > 


EECSUD 在 需要 修改 的 相册 右 侧 单 击 “ 编 辑 ” 链 接 ， 进 入 修改 相册 页 面 ， 如 图 9-105 所 
示 。 修 改 完成 后 ， 单 击 “ 确 定 修改 ”按钮 即 可 。 


[< SE DD-aox 


RE 
i 
2 o 妓 人 - 守 *# - 本 2 


网 这 美景 3 


上 传 图 
外 ar 和光 FE 
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9-105 ”修改 相册 页 面 的 效果 


EECDRD 在 需要 删除 的 相册 右 侧 单 击 “删除 ”链接 ， 进 入 删除 电子 相册 页 面 ， 如 图 9-106 
所 示 。 单 击 “ 确 认 删 除 ”按钮 ， 即 可 进行 删除 操作 。 


【¢ 疼 四 -| 名 htpyhlocalhosyphotoDelasp?ptJD=5 Bo-acx ro 
EE x 
文件 (有 顽强 (日 、 吾 看 MV) 收藏 灾 W。 工具 (对 二 (H) 


电子 相册 ER 于 BB 于 昌 


主题 。 美景 3 


图 9-106 ”删除 电子 相册 页 面 的 效果 
9.5.2 管理 相册 前 台 测 试 


相册 添加 完成 后 ， 浏 览 者 在 电子 相册 主 界面 中 即 可 查看 相册 的 内 容 ， 操 作 步 又 如 下 。 
在 下 浏览 器 中 输入 “http://localhost/photosystem/ ”打开 index.php 文件 ， 效 果 如 
图 9-107 所 示 。 


四 澡 


电子 相册 管理 系统 | 


贺 洲 阳 码 串 首 中 昌吉 书 册 6 小 


GG 


图 9-107 index.php 文件 的 效果 
EEIDs 选择 第 一 个 相册 类 别 “ 风 景 ”， 进 入 电子 相册 分 类 页 面 ， 如 图 9-108 所 示 。 


9-108 ”电子 相册 分 类 页 面 的 效果 


EB> 单 击 感 兴趣 的 小 图 片 ， 即 可 进入 查看 照片 的 页 面 ， 如 图 9-109 所 示 。 查 看 完成 
单 击 “关闭 窗口 ”按钮 即 可 。 


唱 
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写 查看 到 三 眼 片 - Windows Internet Explorer ae"| 


四 -| 全 http://localhost/photoShow.asp?pt_ID=7 二 


图 9-109 ”查看 照片 页 面 的 效果 
如 果 用 户 单 击 相册 的 标题 ， 即 可 进入 电子 相册 详细 显示 页 面 ， 如 图 9-110 所 示 。 


丙 片 项， 
I 容 ， 搞 让 上 人 的 风 册 革 员 本 01 


9-110 ”电子 相册 详细 显示 页 面 的 效果 
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10.1 系统 的 功能 分 析 
网 络 投票 系统 主要 分 为 系统 主 界面 的 制作 和 系统 管理 界面 的 制作 两 个 方面 。 


10.1.1 规划 网 页 结构 和 功能 
本 章 将 要 制作 的 网 络 投票 系统 的 网 页 及 网 页 结构 如 图 10-1 所 示 。 


网 络 投票 系统 


voteMain. php 


投票 前 台 部 分 投票 后 台 管 理 


voteAction. php | voteAdminLogin. oho| 


oO 
VoteCount. php voteAdmin.php 


voteShow. php [vote AdminShow. php voteAdminDel .php | 


图 10-1 系统 的 结构 


本 系统 的 主要 结构 分 为 投票 前 台 和 投票 后 台 管 理 两 个 部 分 ， 整 个 系统 中 ， 共 有 8 个 页 
面 ， 各 个 页 面 的 名 称 、 对 应 的 文件 名 和 功能 如 表 10.1 所 示 。 


表 10.1 网 络 投票 系统 网 页 的 设计 


页 面 名 称 功 能 
voteMain .php 网 络 投票 系统 的 主页 面 
voteAction.php 用 户 投票 页 面 
voteCount.php 投票 后 的 计算 票数 页 面 
voteShow.php 投票 显示 页 面 
voteAdminLogin.php 管理 员 登录 页 面 
voteAdmin.php 管理 主页 面 
voteAdminShow.php 管理 投票 活动 结果 页 面 
voteAdminDel.php 删除 投票 标题 页 面 


10.1.2 页面 设计 规划 


在 本 地 站 点 上 建立 站 点 文件 夹 votesystem， 将 要 建立 和 制作 的 网 络 投票 系统 的 文件 夹 和 文 
件 如 图 10-2 所 示 。 
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图 10-2 ”规划 站 点 文件 和 文件 夹 
10.1.3 ”网 页 美工 设计 
本 实例 的 整体 框架 比较 简单 ， 美 工 设计 效果 如 图 10-3 所 示 。 


投票 系统 主 画 面 


目前 共有 2 刚 投票 活动 


合计 次 的 耻 内 名 字 是 什么 9 
全 二 长 的 技术 是 什么 ? 


HM4 本 本 由 


BN 


10-3 首页 的 美工 


初学 者 在 设计 制作 过 程 中 ， 可 以 打开 光盘 中 的 源 代码 ， 找 到 相关 站 点 的 images( 图 片 ) 文 件 
夹 ， 其 中 放置 了 已 经 编辑 好 的 图 片 。 


10.2 ”数据库 的 设计 与 连接 


本 节 主 要 讲述 如 何 使 用 phpMyAdmin 工具 建立 网 络 投票 系统 的 数据 库 ， 以 及 如 何 使 用 
Dreamweaver 在 数据 库 与 网 站 之 间 建 立 动态 连接 。 


外 
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10.2.1 数据 库 的 设计 


通过 对 网 站 投票 系统 的 功能 分 析 发 现 ， 这 个 数据 库 应 该 包含 3 张 表 ， 分 别 为 votemain、 
voteitem 和 admin 数据 表 。 


1. votemain 数据 表 


这 个 数据 表 主 要 是 储存 投票 活动 的 名 称 及 举办 时 间 。 其 中 vote id 为 主键 ， 数 据 类 型 为 自 
动 编号 ， 如 此 ， 即 能 在 添加 数据 时 为 每 一 则 投票 活动 加 上 一 个 单独 的 编号 而 不 重复 。 该 数据 
表 的 结构 如 表 10.2 所 示 。 


表 10.2 votemain 数据 表 的 结构 


字段 描述 
投票 活动 编号 
投票 活动 名 称 | 否 
投票 举办 时 间 [wetime |parerve | | | 是 | | 


2. voteitem 数据 表 


该 数据 库 主要 是 储存 每 个 投票 活动 的 选项 数据 ， 其 中 voteitem id 为 主键 ， 数 据 类 型 为 自 
动 编号 ， 数 据 表 的 结构 如 表 10.3 所 示 。 


表 10.3 voteitem 数据 表 的 结构 


字段 描述 
一 二 一 人 


投票 选项 编号 voteitem id INT(8) 
投票 活动 编号 INT(S) 
投票 选项 名 称 

得 票 总 数 


3. admin 数据 表 
这 个 数据 库 表 主要 是 储存 登录 管理 界面 的 账号 与 密码 ， 该 数据 库 的 结构 如 表 10.4 所 示 。 
表 10.4 admin 数据 表 的 结构 
字段 名 数据 类 型 


username | VARCHAR(20) 


password VARCHAR(20) 


ED 启 动 phppMyAdmin， 在 主 界面 左 侧 的 列表 中 单 击 New 选项 ， 如 图 10-4 所 示 。 


phpMyAdmin 


全 B90 
[全 运 作 的 去 ) 


图 10-4 phpMyAdmin 的 工作 界面 


EGRDp 在 文本 框 中 输入 要 创建 数据 库 的 名 称 “votesystem“， 然 后 单 击 “ 创 建 ” 按 钮 ， 
如 图 10-5 所 示 。 


| 梧 


是 数据 库 司 SQL 局 状态 2 用户 加 导出 图 SA 


数据 库 


局 到 建 数据 库 已 
votesystem 排序 规则 


图 10-5 创建 数据 库 votesystem 


ED) 接着 就 要 回 到 phpMyAdmin 的 管理 界面 ， 为 MySQL 中 的 votesystem 数据 库 添 
加 数据 表 。 在 左 侧 的 列表 中 选择 创建 的 votesystem 数据 库 ， 然 后 在 右 侧 的 页 面 中 输 
入 添加 的 数据 表 名 称 和 字段 数 ， 然 后 单 击 “ 执 行 ” 按 钮 ， 如 图 10-6 所 示 。 


数据 库 中 没有 表 。 


名 字 : | votemain 字段 数 - | 3 


10-6 ”新 建 数据 表 votemain 
EC 按照 表 10.2 的 内 容 设置 数据 表 ， 添 加 的 数据 表 字 段 如 图 10-7 所 示 。 
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10-7 ”添加 的 数据 表 字 段 


ECEDD9 在 设置 完毕 之 后 ， 单 击 “保存 ”按钮 ， 即 可 查看 votemain 数据 表 了 ， 如 图 10-8 
所 示 。 


LSA es 


加 1 voteid int(8) YNSIGNED 否 无 ”AUTO_INCREMENT 
加 3 vote_time datetime 否 无 


图 10-8 votemain 数据 表 


ECEDRD 选择 votemain 数据 表 ， 单 击 项 部 的 “插入 ”标签 。 依 照 字 段 的 顺序 ， 将 对 应 的 
数值 依次 输入 ， 然 后 单 击 “ 执 行 ” 按 钮 ， 即 可 插入 数据 ， 如 图 10-9 所 示 。 


洲 和 ;0 络 鬼 加 SQL 肪 搜索 革 括 A 加 SU 加 导入 司 
EN 


vote_id int(8) unsigned 


2015-10-23 00:00:00 


图 10-9 插入 数据 
ECGUD9 按照 图 10-10 所 示 的 数据 ， 重 复 执行 上 一 步 的 操作 ， 将 数据 输入 到 数据 表 中 。 
1 
图 10-10 votemain 表 中 的 输入 记录 


ET 用 上 述 方法 ， 参 照 表 10.3 和 10.4， 创 建 名 称 为 voteitem 和 名 称 为 admin 的 两 个 
数据 表 。 输 入 字段 名 称 并 设置 其 属性 ， 最 终 效果 如 图 10-11 和 10-12 所 示 。 
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I 
第 省 
已 
| 属性 空 时 认 三 外 目 漆 3 结构 加 SQL 对 搜索 怠 插 入 发 导出 | 
四 1 voteitem id int(8) 否 至 AUTO_INCREMENT 新 名 字 类 型 排序 规则 属性 空 点 认 阁 外 开 
2voteid in) 村 无 EE ET EE 发 
i 四 回 1 username varchar(20) gb2312_chinese_ci 否 无 网 
4 vote_count intG) 机 到 2 password varchar(20) gb2312_chinese_ci 否 无 络 
投 
E33 
图 10-11 voteitem 表 的 结构 图 10-12 admin 表 的 结构 半 
为 了 演示 效果 ， 分 别 对 voteitem 数据 表 和 admin 数据 表 添 加 记录 ， 如 图 10-13 和 
10-14 所 示 。 
voteitem_id vote_id vote_item vote_count 
1 1 于 花 | 18| 
3 1 天 总 | 33 
3| 1 小 情歌 | 10| 
4 2 ofice 办 公 引 username password 
5| 2 软件 开发 | 10| admin jadmin | 
图 10-13 voteitem 表 中 输入 的 记录 图 10-14 _ admin 表 中 输入 的 记录 


10.2.2 ”创建 数据 库 连 接 


数据 库 编辑 完成 后 ， 必 须 在 Dreamweaver CS6 中 建立 数据 源 连接 对 象 。 这 样 做 的 目的 ， 
是 方便 在 动态 网 页 中 使 用 前 面 建 立 的 信息 系统 数据 库 文件 和 动态 地 管理 信息 数据 。 具 体操 作 
步骤 如 下 。 
ET 根据 前 面 讲 过 的 站 点 设置 方法 ， 设 置 好 “站 点 ”、“ 文 档 类 型 ”、“ 测 试 服务 
器 ”。 打 开 随 书 光盘 中 的 “素材 \votesystemvvoteMain php” 文 件 页 面 ， 选 择 “窗口 ” 
一 “数据 库 ” 命 令 ， 进 入 “数据 库 ” 面板 。 单 击 “ 数 据 库 ”面板 中 的 轩 按 钮 ， 弹 出 如 
图 10-15 所 示 的 菜单 ， 选 择 “MySQL 连接 ”选项 。 
E23 在 弹出 的 “MySQL 连接 ”对 话 框 中 ， 填 入 自 定义 的 连接 名 称 “votesystem”， 
填 入 MySQL 服务 器 的 用 户 名 和 密码 ， 单 击 “ 选 取 ” 按 钮 来 选取 连接 的 数据 库 ， 如 
图 10-16 所 示 。 


连接 名 称 : votesystem 
MySQL 最 务 器 : 1ocalhost 
用 户 名 : root 
3 


数据 新- 


10-15 ”连接 数据 库 10-16 “MySQL 连接 ”对 话 框 
ECDIS 弹出 “选取 数据 库 ” 对 话 框 ， 选 择 votesystem 数据 库 ， 单 击 “确定 ”按钮 ， 如 
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图 10-17 所 示 。 

EEC 返回 和 到 “MySQL 连接 ”对 话 框 后 ， 单 击 “ 确 定 ” 按 钮 。 回 到 Dreamweaver CS6 
后 ， 可 以 打开 “数据 库 ” 面 板 ，votesystem 数据 库 的 数据 表 在 连接 设置 后 已 经 读 入 
Dreamweaver CS6 了 ， 如 图 10-18 所 示 。 


i 园 aanin 


四 -图 voteiten 
由 - 圈 votenain 
田 -加 视图 
田 - 鞠 预存 过 程 
图 10-17 “选取 数据 库 ” 对 话 框 图 10-18 “数据库” 面板 


区 于 BY 同时 ， 在 网 站 根 目录 下 将 会 自动 创建 名 为 Connections 的 文件 夹 ， 该 文件 夹 内 有 
一 个 名 为 votesystem.php 的 文件 ， 打 开 访 文件， 切换 到 “代码 ”视图 ， 然 后 添加 以 
下 代码 : 


mysql query("set character set 'gb2312'"); 
mysql query("set names 'gb2312'"); 


添加 效果 如 图 10-19 所 示 。 


ol 
Spassword_yoresyscem = nn; 

Svoresyatem = mysql_pconnect ($hostname voresystem, Susername votesystem 
, Spassword voresystem) or trigger error(mysql error(),E_USER_ERROR); 
mysql_query ("set character set 'gb2312'");// 认 萄 据 库 编 到 

mysql_query ("set names 'gb2312'") ;// 瑟 娄 据 库 编 妈 


?> 


10-19 ”添加 代码 


EERD 在 Dreamweaver CS6 界面 中 选择 “文件 ”一 “保存 ”菜单 命令 ， 保 存 该 文档 ， 
完成 数据 库 的 连接 。 


10.3 ”网 络 投票 系统 主 界面 的 制作 
网 络 投票 系统 主要 的 界面 包括 投票 系统 的 主页 面 、 投 票 页 面 、 计 算 票 数 的 页 面 和 投票 显 


示 页 面 等 。 首 先 要 制作 的 是 网 络 投票 系统 的 主 界面 ， 用 户 可 以 在 这 个 页 面 中 看 到 当前 系统 中 
所 有 的 投票 活动 ， 用 户 可 以 挑选 有 兴趣 的 投票 活动 进入 投票 并 查看 结果 。 
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10.3.1 投票 系统 主页 面 的 制作 


完成 数据 库 连 接 后 ， 即 可 制作 投票 系统 主页 面 ， 操 作 步 骤 如 下 。 

ED 首先 在 voteMain.php 页 面 中 设置 记录 集 ， 切 换 到 “ 绑 定 ”面板 ， 单 击 该 面板 中 
的 加 按钮 ， 在 弹出 的 菜单 中 选择 “记录 集 ( 查 询 )” 命 令 ， 弹 出 “记录 集 ” 对 话 框 ， 
设置 如 图 10-20 所 示 。 


图 10-20 “记录 集 ” 对 话 框 


EEC 单 击 “ 高 级 ”按钮 ， 在 打开 的 SQL 文本 框 中 输入 如 下 代码 : 


SELECT votemain.vote id,votemain.vote name,votemain.vote time, 
SUM(voteitem.vote count) AS sumVote 

FROM votemain INNER JOIN voteitem 

ON votemain.vote id = voteitem.vote id 

GROUP BY votemain.vote id,votemain.vote name,votemain.vote time 
ORDER BY votemain.vote time DESC 


其 中 使 用 AS 将 结果 存 入 sumVote 变量 中 。 输 入 效果 如 图 10-21 所 示 。 


名 称 : ReVote 


本 未 阁 
男 初 图 
大 i 呈 i 坦 


10-21 输入 SQL 语句 
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EEJRE 单 击 “ 测 试 ”按钮 ， 弹 出 “测试 SQL 指令 ”对 话 框 ， 数 据 表 中 的 字段 果然 依照 
SQL 的 设置 绑 定 进来 了 ， 并 完成 了 统计 的 操作 ， 如 图 10-22 所 示 。 


vote_tine 
2015/10/23 


记录 
. 
2 2015/10/22 


4 


Mes F) | [Fs 个 mm 


10-22 “测试 SQL 指令 ”对 话 框 


EC 单 击 “确定 ”按钮 ， 返 回 “ 记 录 集 ”对 话 框 ， 再 次 单 击 “确定 ”按钮 ， 即 可 完 
成 记录 集 的 绑 定 。 
EERDp 在 “ 绑 定 ”面板 中 出 现 了 上 面 设 置 的 记录 集 名 称 ， 展 开 后 ， 将 需要 引用 的 数据 
字段 一 一 拖 忠 到 网 页 中 ， 如 图 10-23 所 示 。 
| 食 | 掀 Cr 本 7 


! 回 将 数据 字段 
1 


1 拖 电 到 此 处 


图 10-23 ”把 字段 拖 电 到 网 页 中 
EGRD) 接着 ， 设 置 页 面 中 的 重复 区 域 效果 ， 如 图 10-24 所 示 。 


10-24 ”设置 重复 区 域 
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ED 弹出 “重复 区 域 ” 对 话 框 ， 选 择 记录 集 为 ReVote， 设 置 一 次 显示 10 条 记录 ， 如 
图 10-25 所 示 ， 单 击 “确定 ”按钮 完成 设置 。 


10-25 “重复 区 域 ” 对 话 框 


ECESRB9 在 本 页 中 插入 记录 集 导航 条 ， 在 “插入 ”面板 中 选择 “插入 ”一 “数据 ”一 
“记录 集 分 页 ”一 “记录 集 导 航 条 ”命令 ， 如 图 10-26 所 示 。 


人 | 拆 妆 [WT ] 刘 撒 图 


hoote. smetel 


目前 系统 中 没有 举办 任何 投票 


图 10-26 ”选择 “记录 集 导 航 条 ”命令 


ET 弹出 “记录 集 导航 条 ”对 话 框 ， 选 择 “ 记 录 集 ”为 ReVote 选项 ， 设 置 “ 显 示 方 
式 ” 为 “图 像 ”， 如 图 10-27 所 示 。 


BN 


显示 方式 : 回 文本 


避 图 全 


10-27 “记录 集 导 航 条 ”对 话 框 


EGGEDD 单 击 “ 确 定 ” 按钮 ， 插 入 后 的 导航 条 效果 如 图 10-28 所 示 ， 然 后 继续 设置 表格 的 
宽度 属性 。 

EY 继续 按 图 10-29 所 示 ， 合 并 选择 的 表格 中 的 一 行 。 

本 E>》 选择 上 方 的 表格 ， 设 置 记录 集 不 为 空 时 显示 的 区 域 ， 设 置 方法 如 图 10-30 所 示 。 


25@ 
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四 -案例 课堂 由- 


| 


1 @ 将 输入 光标 移动 到 该 1、 
! 表格 的 任 一 单元 格 中 ! 


二 霹 坪 属 志 语 记 性 总 晤 意 所 洛 {ReVote.vote_name} : {ReVote,sumVote} 
@@ 将 光标 移动 到 该 表 
格 的 任 一 单元 格 中 


SR 


| @ 按 CtrltAIHM, 将 1! 
目前 系统 中 没有 举办 人 合并 整 行 单元 格 ! 


这 择 袜 行 单元 格 人 


图 10-29 合并 单元 格 


1 
r-------- 一 [把 有 纹 ， | 1 @ 远 择 “ 服务 器 行 澳 必 二 
! @ 将 光标 移 至 IE 和， 为 "面板 se 
! 上 方 表格 的 任 下 
! 一 位 置 ， 单 击 as 
! 右边 数 第 二 个 a 有 
1 <table>， 选 择 各 果 忆 好 对 为 王 则 显示 区 二 Ee » 
;上 方 表格 (要 二 证 
;交手 构 | 
i 1 RA 
-i - ! 加 选择 此 命令 ! 


-0p-~e 
上 


Re DA [NV A io -| 硬 国 7% x 42 23k71 秒 简体 中 文 (582312) | XSLT 美光 


10-30 ”选择 记录 集 不 为 空 时 的 显示 区 域 


器 
第 
EEEE) 弹出 “如 果 记 录 集 不 为 空 则 显示 区 域 ” 对 话 框 ， 选 择 判断 的 记录 集 为 ReVote， 司 
单 击 “ 确 定 ” 按 钮 完成 设置 ， 如 图 10-31 所 示 。 章 
5 彼 
记录 集 : [Reyote 四 身 
La 损 
系 
统 
10-31 “如 果 记 录 集 不 为 空 则 显示 区 域 ”对 话 框 
EY 选择 下 方 的 表格 ， 设 置 记录 集 为 空 则 显示 的 区 域 ， mal 10-32 所 示 。 
"0D 将 光标 移 至 内 作 燃 蚊 轨 疯 
1 下 方 表 格 任 一 oa -------- Ne NN 
上 位 置 ， 单 击 右 1 NN 
1 边 数 的 第 一 个 =: 
1 <table>， 选 择 3 
| 下 方 的 表格 中、、 


@@ 选 择 此 命令 ! 


图 10-32 选择 记录 集 为 空 时 的 显示 区 域 


EC) 弹出 “如 果 记 录 集 为 空 则 显示 区 域 ” 对 话 框 ， 选 择 判 断 的 记录 集 为 ReVote， 单 
击 “ 确 定 ” 按 钮 完成 设置 ， 如 图 10-33 所 示 。 


记录 集 : |Reyote 


10-33 “如 果 记 录 集 为 空 则 显示 区 域 ”对 话 框 


EC 设置 显示 当前 的 投票 活动 总 数 ， 方 法 如 图 10-34 所 示 。 

EEC 弹出 “显示 总 记录 数 ” 对 话 框 ， 选 择 记录 集 为 ReVote， 单 击 “ 确 定 ”按钮 完成 
设置 ， 如 图 10-35 所 示 。 

基于 BY 如 果 用 户 对 于 某 一 项 投票 活动 有 兴趣 的 话 ， 可 以 在 选择 后 ， 参 与 投票 ， 并 查看 
结果 。 在 这 里 ， 即 是 要 设置 转 到 详细 页 面 ， 将 用 户 引 入 投票 程序 页 面 。 设 置 方法 如 
图 10-36 所 示 。 
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SS 


本 三 4 @@ 选 择 “服务 中 


vote_nane} 


: {ReVote. suayote} 


3 1 
ia 录 ] @ 选 择 “ 显 示 总 ! 
as | 记录 数 "命令 。 | 


目前 系统 中 没有 举办 任何 投票 


10-35 “显示 总 记录 数 ” 对 话 框 


EE i 
voteMain php* x 回 选择 “服务 


四 选择 显示 投票 
活动 名 称 的 字段 


2------------- 
Go fo Detail Page R 
Go To Related Page 


ehote. arotel 


图 10-36 选择 Go To Detail Page 命令 
EEC 弹出 Go To Detail Page 对 话 框 ， 将 自动 产生 链接 ， 设 置 “ 详 细 信 息 页 ”为 
voteAction.php、“ 传 递 URL 参数 ”为 vote id、“ 记 录 集 ”为 ReVote、“ 列 ”为 
vote id， 如 图 10-37 所 示 ， 单 击 “ 确 定 ” 按 钮 ， 完 成 转 到 详细 页 面 的 设置 。 


链接 [所 这 范围 “Ciphe echo 和 rer_ Re > 


认 纪 信息 页 votehction ph EE 


长 痢 URL 湖 数 voto_id 设 是 为 以 下 项 的 值 
Fe ete 

下 

传 二 现 有 参数 巴 URL 参数 
日 雪 ss 著 


10-37 ”Go To Detail Page 对 话 框 
本 TY 到 此 为 止 ， 就 完成 了 投票 系统 主页 面 voteMain php 的 所 有 设置 选择“ 文件 ” 
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mn, 

ms 

第 

一 “保存 ”菜单 命令 保存 该 网 页 ， 按 F12 键 即 可 预览 效果 ， 如 图 10-38 所 示 。 Ee 
是 | 

个 re 二 Bo- scx 天 
发 

网 

络 

摘 

并 


你 最 吾 欢 的 歌曲 名 宁 是 什么 9 
你 最 控 长 的 技术 是 什么 ? 


目前 系统 中 没有 举办 任何 损 票 ! 


ET 


10-38 ”主页 面 的 最 终 预览 效果 


10.3.2 ”投票 页 面 的 制作 


通过 投票 系统 主 界面 ， 可 以 跳 转 到 投票 页 面 ， 进 入 投票 程序 后 ， 首 先 要 显示 该 投票 活动 
的 名 称 以 及 所 有 选项 ， 因 为 目前 投票 活动 的 名 称 保存 在 votemain 数据 表 中 ， 而 选项 保存 在 
voteitem 数据 表 中 ， 所 以 要 执行 将 两 个 数据 表 结 合 的 操作 。 
制作 投票 页 面 的 具体 操作 步骤 如 下 。 
EEC 打开 随 书 光盘 中 的 “素材 \votesystemvvoteAction.php” 文 件 ， 切 换 到 “ 绑 定 ” 
板 ， 然 后 单 击 该 面板 中 的 轩 按 钮 ， 在 弹出 的 菜单 中 ， 选 择 “记录 集 (查询 )” 命 令 ， 
如 图 10-39 所 示 。 


GH - 


罗 [ 约 7 机 8 采 宪 4 纺 ， 


10-39 ”选择 “记录 集 (查询 )” 命 令 


EEIDp 弹出 “记录 集 ” 对 话 框 ， 输 入 名 称 为 “RevoteDetail”， 选 择 连接 为 votesyetm， 
在 SQL 文本 框 中 输入 如 下 代码 : 


SELECT votemain.vote id,votemain.vote name, 
voteitem.voteitem id,voteitem.vote item,voteitem.vote count 
FROM votemain INNER JOIN voteitem 
ON votemain.vote id = voteitem.vote id 
WHERE votemain.vote id = sendID 
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这 里 使 用 了 统计 函数 SUM， 上 述 代码 的 含义 如 下 : 


SELECT < 投票 活动 .投票 活动 编号 >, < 投票 活动 . 投票 活动 名 称 >， 
< 投票 活动 .举办 时 间 >, Sum< 投 票选 项 . 得票 总 数 > 
FROM ”< 投票 活动 > INNER JOIN < 投票 选项 > 
ON ”< 投票 活动 .投票 活动 编号 >= < 投票 选项 .投票 活动 编号 > 
WHERE ”< 投票 活动 .投票 活动 编号 >=< 网 页 传递 参数 > 


其 中 ，sendID 的 作用 是 承接 前 一 页 传递 过 来 的 参数 。 输 入 效果 如 图 10-40 所 示 。 


名 称 - RevoteDetail 
连接 - |vetesysten 定义.… 


teiten. voteiten id, voteiten, 


图 10-40 “记录 集 ” 对 话 框 
EDp 单 击 “变量 ” 右 侧 的 | 直 按 钮 ， 弹 出 “编辑 变量 ”对 话 框 ， 然 后 输入 “名 称 ” 为 
sendID ， 选 择 “ 类 型 ”为 Integer， 输 入 “默认 值 ” 为 1、“ 和 运行 时 值 ” 为 
$_GET[vote id]， 如 图 10-41 所 示 。 
EEC) 单 击 “ 确 定 ”按钮 ， 返 回 和 到 “记录 集 ” 对 话 框 ， 即 可 看 到 ， 参 数 新 增 成 功 了 ， 
如 图 10-42 所 示 。 单 击 “ 确 定 ” 按 钮 ， 完 成 记录 集 的 添加 操作 。 


i 


默认 售 1 
运行 时 信 : $_GET[ vote_id J 


图 10-41 “编辑 变量 ”对 话 框 图 10-42 “记录 集 ” 对 话 框 
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EECD 在 这 个 页 面 中 ， 最 重要 的 是 要 将 投票 人 选择 的 选项 存 入 数据 库 中 ， 而 表单 中 的 
选项 按钮 即 是 最 重要 的 地 方 。 保 存 每 个 选项 票数 的 数据 表 是 voteItem， 不 过 ， 在 这 
一 页 并 不 会 执行 计算 票数 的 操作 ， 而 是 将 投票 的 结果 送出 到 另 一 页 去 统计 结果 。 
voteItem 数据 表 的 主键 字段 为 voteitem id， 即 可 代表 投票 人 选择 的 选项 ， 到 了 下 一 
页 统计 时 ， 程 序 即 可 依 这 页 所 送 过 来 的 值 来 判断 要 将 哪 一 个 选项 的 票数 加 1。 按 照 
图 10-43 所 示 的 操作 ， 把 voteitem id 拖 忠 到 单 选 按钮 上 ， 那 么 提交 时 ， 即 可 将 投票 


图 10-43 ”选择 voteitem_id 记录 字段 


将 该 投票 活动 的 题目 (vote_name) 及 选项 字段 (vote item) 拖 电 到 页 面 上 的 相应 位 
置 ， 如 图 10-44 所 示 。 


10-44，” 拖 折 投票 活动 题目 和 选项 
EC 选择 “我 要 投票 ”按钮 左 侧 的 一 个 隐藏 字段 ， 名 称 为 vote id， 作 用 是 要 接收 上 


一 页 传送 的 vote id 参数 ， 然 后 再 送 到 下 一 页 去 。 如 此 一 来 ， 下 一 页 也 可 以 接收 到 这 
个 参数 (投票 标号 ) 来 使 用 ， 如 图 10-45 所 示 。 
ET 必须 设置 一 个 绑 定 值 ， 来 承接 上 一 页 所 传递 的 参数 ， 切 换 到 “ 绑 定 ”面板 ， 单 
击 该 面板 中 的 四 按钮 ， 在 弹出 的 菜单 中 选择 “URL 变量 ”命令 ， 如 图 10-46 所 示 。 
EEDp 弹出 “URL 变量 ”对 话 框 ， 输 入 “名 称 ” 为 vote id， 如 图 10-47 所 示 。 
ED 单 击 “ 确 定 ” 按 钮 ， 在 “ 绑 定 ”面板 中 ， 将 添加 的 URL 变量 vote id 拖 电 到 这 
个 隐藏 区 域 上 ， 那 么 ， 当 这 个 表单 在 提交 时 ， 该 参数 即 会 跟着 传送 到 下 一 页 中 ， 
如 图 10-48 所 示 。 


全 


芍 酒 油 涉 发 习 由 书 几 01 小 
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案例 课堂 > 


| 网络 34 玉林 六 


10-45 ”隐藏 字段 vote_id 


图 10-47 “URL 变量 ”对 话 框 


php echo $_GET[ vote_id ]; ?> | 


图 10-48 添加 URL 变量 到 隐藏 区 域 
ECEDD) 选择 需要 添加 重复 区 域 的 表格 的 一 行 ， 用 于 显示 所 有 投票 的 选项 。 切 换 到 “ 服 
务 器 行为 ”面板 ， 单 击 该 面板 中 的 [器 按钮 ， 在 弹出 的 菜单 中 ， 选 择 “ 重 复 区 域 ” 
命令 ， 如 图 10-49 所 示 。 


站 
| Re 区 域 " 全 人 
1 


i i et 


® | {RevoteDetail. vote iten] 


Go To Detail Page 
Go To Related Page 


插入 记录 


誉 洲 测 涝 卉 到 站 六 _ 翰 01 游 曾 


10-49 选择 “重复 区 域 ”命令 


EEPp 弹出 “重复 区 域 ” 对 话 框 ， 选 择 “ 记 录 集 ”为 RevoteDetail， 选 择 “ 显 示 ” 为 
“所 有 记录 ”， 如 图 10-50 所 示 ， 单 击 “ 确 定 ” 按 钮 ， 完 成 重复 区 域 的 设置 。 


rr 


显示 : 由 |10 |] 记录 


GG 


而 到 


图 10-50 “重复 区 域 ”对 话 框 
EE> 因为 统计 票数 的 操作 并 不 在 本 页 处 理 ， 所 以 要 设置 表单 送出 后 的 目标 网 页 。 选 
择 卷 标 编辑 栏 上 的 <form>， 即 可 将 整个 表单 选中 ， 然 后 在 “属性 ”面板 的 “动作 ” 
文本 框 中 输入 计算 票数 页 面 voteCount php， 如 图 10-51 所 示 ， 如 此 ， 即 完成 了 投票 
页 面 的 制作 。 


CE 


Fable Cr>G>Reorn [NN 如 Io% ~] 回国 | 510x224v 19K/1 秒 和 


me [voteCount_ php 已 上 
一 方 和 中 人 ~ 


图 10-51 添加 目标 网 页 


10.3.3 ”计算 票数 页 面 的 制作 


计算 票数 的 页 面 为 voteCountphp， 本 页 将 接受 voteAction. php 页 所 传递 过 来 的 数据 ， 然 


后 执行 计算 的 功能 。 制 作 计算 票数 页 面 的 具体 操作 步骤 如 下 。 


© 
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案例 课堂 > 


EJ 打开 随 书 光盘 中 的 “素材 \votesystemvvoteCountphp” 文 件 ， 切 换 到 “ 绑 定 ” 面 
板 ， 单 击 该 面板 中 的 固 按 钮 ， 在 弹出 的 菜单 中 选择 “记录 集 (查询 )” 命 令 ， 弹 出 
“记录 集 ” 对 话 框 ， 输 入 名 称 为 “RevoteDetail”， 选 择 连 接 为 votesyetm， 在 SQL 
文本 框 中 输入 如 下 代码 : 


SELECT votemain.vote id,votemain.vote name, 
voteitem.voteitem id,voteitem.vote item,voteitem.vote count 
FROM votemain INNER JOIN voteitem 
ON votemain.vote id = voteitem.vote id 
WHERE votemain.vote id = sendID 


其 中 ，sendID 的 作用 是 承接 前 一 页 传递 过 来 的 参数 。 输 入 效果 如 图 10-52 所 示 。 


[到 |] 
CR) 
EL 
简单 ，| 
2 团 二 
和 
要 
全 
ee 
数 轨 志和:| 后 而 2 下 加 到 SQL 
和 各 和 
Cm 


图 10-52 “记录 集 ” 对 话 框 
ET 单 击 “变量 ” 右 侧 的 二) 按钮 ， 弹 出 “编辑 变量 ”对 话 框 ， 然 后 输入 “名 称 ” 为 
sendID ， 选 择 “ 类 型 ”为 Integer， 输 入 “默认 值 ” 为 1、“ 和 运行 时 值 ” 为 
$_GET[vote_ id]， 如 图 10-53 所 示 。 
EEIBp 单 击 “ 确 定 ”按钮 ， 返 回 和 到 “记录 集 ” 对 话 框 ， 就 可 以 看 到 参数 新 增 成 功 了 ， 
如 图 10-54 所 示 。 单 击 “ 确 定 ” 按 钮 ， 完 成 记录 集 的 添加 操作 。 


名 称 ; sendID| 
类型 [mateer 7| 
默认 值 : 1 
运行 时 值 : $_GET[ vote_id ] 


10-53 “编辑 变量 ”对 话 框 图 10-54 “记录 集 ” 对 话 框 


将 该 投票 活动 的 题目 (vote name) 及 选项 字段 (vote item) 拖 忠 到 页 面 上 的 相应 位 
置 ， 如 图 10-55 所 示 。 
I 代码 下 ann i 


日 车 记录 入 evotenetail) 
veteid 
Fvotenme 

voteiten id 


图 10-55 ” 拖 忠 投票 活动 题目 和 选项 
TY 切换 到 “代码 ”视图 ， 添 加 以 下 代码 : 


mysql select db ($database connVoteSystem，$connVoteSystem); // 连 接 数 据 库 

$sendID = $ GET['voteitem id']; // 接 受 传递 的 URL 参数 

$updateCommand = "UPDATE voteitem SET vote count = vote count + 1 
where voteitem id = $sendID"; 

// 更 新 数据 库 的 SQL 语句 

mysql_query ($updateCommand，$connVoteSystem) ; // 执 行 更 新 操作 


上 面 代 码 的 含义 是 更 新 数据 表 voteitem， 保 存 投票 票数 数据 是 在 voteitem 数据 表 的 
vote_count 字段 中 。 其 中 ，“vote_count = vote_count + 1” 也 就 是 将 vote_count 字段 
中 原 有 的 数值 加 上 1。 

添加 效果 如 图 10-56 所 示 。 


这 on ueString 
function Get SQLValueString ($theValue, $theType, $theDefinedYalue = "", 


证 (PHP_VERSION < 6) { 
StheValue = get_aagic_quotes_gpc() ? stripslashes($theValue) : $theValue; 


$theNotDefinedValue = "") 


$theValue = function_exists("nysql_real_escape_strine”) ? nysql_real_escape_string ($theValue) : 
nysql_escape_string (StheValue) : 


svitch ($theType) { 
Case “text”: 
S$theValue = ($theValue I=““) 9 "° . $theYalue .“…” : “WULL”; 


10-56 添加 代码 的 效果 


EGRDy 选择 文本 “查看 目前 投票 结果 ”， 在 “服务 器 行为 ”面板 中 单 击 外 按钮 ， 在 弹 
出 的 菜单 中 选择 Go To Detail Page 命令 ， 如 图 10-57 所 示 。 

ED 弹出 Go To Detail Page 对 话 框 ， 将 自动 产生 链接 ， 设 置 Go To Detail Page 为 
voteShow.php、“ 传 递 URL 参数 ”为 vote id、“ 记 录 集 ”为 RevoteDetail、“ 列 ” 
为 vote id， 如 图 10-58 所 示 ， 单 击 “ 确 定 ” 按 钮 ， 完 成 转 到 详细 页 面 的 设置 。 
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案例 课堂 %~- 


Go To petailpage | 
Go To Related page 


10-57 选择 Go To Detail Page 命令 


| ee 
详细 信息 页 : voteShow. php ET [取消 ] 
全 造 URL 湖 数 vote id 。 设置 为 以 下 项 的 秆 EE 
记录 种 [RereteDetsil 7] 
再 
传递 现 有 参数 : 四 URL 参数 
表单 参数 


图 10-58 Go To Detail Page 对 话 框 


10.3.4 ”投票 结果 显示 页 面 的 制作 


投票 结果 显示 页 为 voteShow.php， 主 要 作用 是 把 投票 的 结果 以 条 形 图 的 方式 显示 出 来 。 
制作 投票 结果 显示 页 面 的 操作 步骤 如 下 。 

ET 打开 随 书 光盘 中 的 “素材 votesystemvvoteShow.php” 文 件 ， 切 换 到 “ 绑 定 ” 
板 ， 单 击 该 面板 中 的 四 按钮 ， 在 弹出 的 菜单 中 选择 “记录 集 ( 查 询 )” 命 令 ， 弹 出 
“记录 集 ” 对 话 框 ， 如 图 10-59 所 示 。 输 入 “名 称 ” 为 “voteSummary”， 选 择 “ 连 
接 ” 为 votesystem， 选 择 “ 表 格 ” 为 voteitem， 选 择 “ 列 ”为 “ 选 定 的 ”， 选 择 字 段 
为 vote_count， 选 择 “筛选 ”为 “vote_id=URL 参数 vote id”。 

ET 单 击 “ 高 级 ”按钮 ， 即 可 修改 SQL 代码 如 下 : 


SELECT Sum(vote count) as voteSum,Max(vote Count) as voteMax 
FROM voteitem 
WHERE vote id = colname 


如 图 10-60 所 示 。 
ES 单 击 “ 确 定 ” 按 钮 ， 完 成 添加 记录 集 操作 ， 如 图 10-61 所 示 。 
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SQL SELIRT SHECT Sw ote_eomt) os votssm, Rox toote_eomnt) or 
votellax 
FRON voteiten 
WHERE vote_id = colnme 


变量 : 克己 ] 


图 10-59 “记录 集 ” 对 话 框 


[EX 


SQL: SELECT Sun (vote_count) as voteSum, Nax (vote count] ws votellax 
PRON voteiten 
WHERE vote_id = colnane 


图 10-60 修改 了 SQL 代码 


写 i ws 
一 多 votesm 
用 ea 
EE VEL 

二 voteid 


图 10-61 完成 添加 记录 集 
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EERZ 接着 要 绑 定 第 二 个 记录 集 RecVoteShow， 这 个 记录 集 即 是 要 显示 这 则 投票 的 详 


细 数 据 ， 包 含 投票 活动 名 称 、 投 票选 项 名 称 及 其 得 票数 等 ， 最 重要 的 是 ， 还 要 添加 
一 个 字段 ， 显 示 每 个 选项 图 片 的 宽度 。 切 换 到 “ 绑 定 ” 面 板 ， 单 击 该 面板 中 的 区 
按钮 ， 在 弹出 的 菜单 中 选择 “记录 集 ( 查 询 )” 命 令 ， 弹 出 “记录 集 ” 对 话 框 ， 进 入 高 
级 模式 ， 在 “名 称 ” 中 输入 “RecVoteShow”， 选 择 “连接 ” 为 votesystem， 在 SQL 
文本 框 中 输入 如 下 代码 : 


SELECT votemain.vote id,votemain.vote name,voteitem.voteitem id, 
voteitem.vote item,voteitem.vote count, 
(voteitem.vote count/ Sum(vote count)*200) RS votePercent 
FROM votemain INNER JOIN voteitem 
ON votemain.vote id = voteitem.vote id 
WHERE votemain.vote id = sendID 
在 本 页 中 设置 条 形 图 宽度 (长 度 ) 不 超过 200pixels， 所 以 每 个 投票 选项 的 图 片 宽度 可 
以 用 以 下 公式 来 代表 : 
(投票 选项 的 得 票数 /该 投票 活动 的 总 得 票数 ) *200 


输入 代码 的 效果 如 图 10-62 所 示 。 


名称: RecVoteShow 


连接 .| yetesystem 了 ] [定义 


数据 库 项 | 辐 团 ”来 格 释 加 到 SQL- 
日 及 视 四 

祷 寿 过 程 TY 

WHERE 

ORDER BY 


图 10-62 “记录 集 ” 对 话 框 


区 于 BY 单 击 “ 参 数 ” 右 侧 的 二 按钮， 在 打开 的 “添加 参数 ”对 话 框 中 添加 “名 称 ”为 


“sendID”、 设 置 “ 类 型 ”为 Integer、“ 默 认 值 ” 为 1、 值 为 $ GET["vote id]， 如 
图 10-63 所 示 ， 单 击 “确定 ” 按 钮 。 


EC 返回 到 “记录 集 ” 对 话 框 ， 添 加 的 两 个 变量 参数 的 效果 如 图 10-64 所 示 ， 单 击 


“确定 ”按钮 。 


EEC 切换 到 “ 绑 定 ”面板 ， 展 开 记 录 集 voteSummary， 将 投票 活动 的 总 票数 


vote_ Sum 和 最 高 票数 vote Max 字段 拖 忠 到 网 页 的 指定 位 置 ， 如 图 10-65 所 示 。 


名 称 : sendID 


类 型 |Integer ad 


默认 信 : 1 
运行 时 入: $_GET [vote_id ] 


图 10-63 添加 变量 


名 称 - EE 有 
连接 : |votesysten z=] [十 到 


SQL: vote_item, voteitem. vote_count, (voteitem. vote_count/SUM - 
(vote_count)#200) AS votePercent 
‘emain INNER JOIN voteitem ON votemain vote_id = 
voteiten, vote_id 里 
WHERE votemain vote_id = sendID 


变量 让][] 


数据 库 项 | 四 团 


图 10-64 “记录 集 ” 对 话 框 


记录 集 (voteSunmary) 
一 多 vote sm 

一 多 vote_llax 
回避 记录 集 Becyoteshon) 


田 注 URL 


10-65 ”展开 记录 集 voteSummary 


ET》 展开 记录 集 RecVoteShow， 然 后 将 需要 显示 的 字段 拖 跨 到 网 页 中 合适 的 位 置 ， 
如 图 10-66 所 示 。 
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10-66 ”展开 记录 集 RecVoteShow 


EERD) 在 这 个 页 面 中 ， 使 用 条 形 图 的 方式 来 显示 统计 的 结果 ， 而 现在 已 经 将 每 个 投票 
选项 的 得 票 比例 保存 到 votePercent 字段 中 ， 现 在 只 要 让 页 面 中 图 片 的 宽度 与 这 个 字 
段 值 绑 定 在 一 起 即 可 。 图 片 的 宽度 在 HTML 中 设置 属性 名 称 为 width， 如 果 可 以 将 
这 个 属性 值 设 置 为 记录 集中 的 votePercent， 即 可 成 功 地 完成 长 条 图 的 显示 。 设 置 方 
法 如 图 10-67 所 示 。 


是 国 记录 集 wetesomary) 
网 和 82 系 车 税 台 展开 记录 集 ， 选 择 ! 2 
votePercent 记录 字段 !| | vote_nane 


Pal! ert 


图 10-67 ”使 用 条 形 图 显示 统计 结果 
E> 接着 设置 重复 区 城 ， 显示 所 有 的 投票 选项 ， 设 置 方法 如 图 10-68 所 示 。 


图 10-68 设置 重复 区 域 
EC 弹出 “重复 区 域 ”对 话 框 ， 选 择 “记录 集 ” 为 RecVoteShow， 设 置 “ 显 示 ” 为 
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“所 有 记录 ”， 单 击 “ 确 定 ” 按 钮 ， 如 图 10-69 所 示 。 至 此 ， 就 完成 了 投票 结果 显 
示 页 面 voteShow.php 的 制作 。 


记录 集 ，| RecyeteShow 


显示 : 加 [10 | 记录 


回 所 有 记录 


10-69 “重复 区 域 ” 对 话 框 


10.4 ”网 络 投票 系统 管理 界面 的 制作 


在 网 络 投票 系统 中 ， 可 以 添加 投票 活动 ， 也 可 以 删除 过 期 的 投票 活动 ， 对 于 投票 系统 的 
维护 十 分 重要 。 


10.4.1 管理 员 登 录 页 面 的 制作 


管理 员 页 面 是 不 允许 网 站 访问 者 进入 的 ， 必 须 受到 权限 管理 ， 可 以 利用 管理 员 账 号 和 管 
密码 来 判断 是 否 有 此 用 户 。 制 作 管理 员 登 录 页 面 的 操作 步骤 如 下 。 
EEC) 打开 随 书 光盘 中 的 “素材 \votesystem\voteAdminLogin.php” 文 件 ， 切 换 到 “服务 
器 行为 ”面板 ， 单 击 该 面板 中 的 轩 按 钮 ， 在 弹出 的 菜单 中 选择 “用 户 身份 验证 ” 
一 “登录 用 户 ” 命 令 ， 如 图 10-70 所 示 。 
| 住 | 扮 [Hf] 烈 搬 画 ， 克 . 有 时 局 色 0 


hr 


Go To Detail Page 
Go To Related Page 


播 入 记录 


图 10-70 选择 “登录 用 户 ” 命 令 
ED 弹出 “登录 用 户 ” 对 话 框 ， 设 置 方法 如 图 10-71 所 示 。 


加 沙 油 泪 上装 习 涉 书 册 01 站 
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从 雪 单 获取 输入 - [Eornl 
用 户 名 字段 [esername 
团 码 子 段 -passwd 
使 用 连接 洽 证 - [wotesysten 
囊 格 : |adnin 
用 广 名 列 [usernane 
团 码 列 : | password 
PE 
回转 到 前 一 个 URL ( 如 果 它 存在 ) 
如 果 登录 失败 , 转 到 : votllain php 


CE 


基于 以 下 顶 限制 访问 - 回 用 户 名 和 宕 码 
日 用户 名 、 因 码 和 访问 级 别 
获取 级 别 自 -| usernane 


图 10-71 “登录 用 户 ” 对 话 框 


pr 表单 中 有 两 个 字段 ，username 是 输入 管理 员 名 称 的 字段 ， 另 一 个 passwd 是 输入 

SS 管理 员 密码 的 字段 。 登 录 管 理 员 的 服务 器 行为 ， 是 根据 管理 员 所 输入 的 账号 密码 ， 与 
数据 表 中 所 保存 的 管理 员 名 称 和 密码 对 比 ， 若 符合 ， 即 转 到 管理 界面 ， 若 不 符合 ， 即 
退出 到 原 主 界面 。 


EEJS 单 击 “确定 ”按钮 ， 完 成 管理 员 登 录 页 面 AdminLogin.php 的 制作 。 


10.4.2 ”网 络 投票 系统 管理 主页 面 的 制作 


用 户 登 录 成 功 后 ， 将 进入 系统 管理 员 主 界面 voteAdmin.php。 

制作 该 网 页 的 操作 步骤 如 下 。 

EC) 打开 随 书 光盘 中 的 “素材 \votesystemvvoteAdmin php” 文 件 ， 切 换 到 “ 绑 定 ” 面 
板 ， 单 击 该 面板 中 的 轩 按 钮 ， 在 弹出 的 菜单 中 选择 “记录 集 (查询 )” 命 令 ， 弹 出 
“记录 集 ” 对 话 框 ， 进 入 高 级 模式 ， 输 入 名 称 为 “ReVoteMain ”， 选 择 连接 为 
votesyetm， 在 SQL 文本 框 中 输入 如 下 代码 : 


SELECT votemain.vote id,votemain.vote name, 

votemain.vote time,SUM(voteitem.vote count) AS sumVote 

FROM votemain INNER JOIN voteitem 

ON votemain.vote id = voteitem.vote id 

GROUP BY votemain.vote id,votemain.vote name,votemain.vote time 
ORDER BY votemain.vote time DESC 


其 中 ，ORDER BY votemain.vote time DESC 表示 查询 结果 按照 举办 时 间 递 减 排序 。 
DESC 表示 递减 排序 ，ASC 表示 递增 排序 。 
EECDy 输入 结果 如 图 10-72 所 示 ， 单 击 “ 确 定 ” 按 钮 。 
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图 10-72 “记录 集 ” 对 话 框 


EC) 将 记录 集中 的 字段 拖 忠 到 网 页 上 对 应 的 位 置 ， 并 设置 显示 所 有 的 记录 数 ， 具 体 NN 
如 图 10-73 所 示 。 


记录 集 eyotelsin) 
动态 文本 (ReVotellain vote_nane) 
动态 文本 (heYotellain sunVote) 


10-74 ”选择 “显示 总 记录 数 ” 命 令 


ED 选择 需要 重复 区 域 的 表格 的 第 二 行 ， 切 换 到 “服务 器 行为 ”面板 ， 单 击 该 面板 
中 的 四 按钮 ， 在 弹出 的 菜单 中 选择 “重复 区 域 ”命令 ， 如 图 10-75 所 示 。 
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图 10-75 选择 “重复 区 域 ”命令 


ET 弹出 “重复 区 域 ” 对 话 框 ， 选 择 “ 记 录 集 ”为 ReVoteMain， 选 择 “ 显 示 ” 为 
“10 条 记录 ”， 单 击 “ 确 定 ” 按 钮 ， 如 图 10-76 所 示 。 


图 10-76 “重复 区 域 ” 对 话 框 


EC 将 光标 定位 在 下 方 的 单元 格 中 ， 然 后 在 “插入 ”面板 中 选择 “数据 ”一 “记录 
集 分 页 ”一 “记录 集 导 航 条 ”命令 ， 如 图 10-77 所 示 。 


动态 文本 nene) 
动态 文本 Beyotelain samyote] 


图 10-77 ”选择 “记录 集 导 航 条 ”命令 


EEIBp 弹出 “记录 集 导航 条 ”对 话 框 ， 选 择 “ 记 录 集 ”为 ReVoteMain， 选 择 “显示 方 
式 ”为 “图 像 ”， 单 击 “ 确 定 ”按钮 ， 如 图 10-78 所 示 。 


上 小 中 


或 油 油 涉 发 习 由 省 几 0 


加 | 
记录 集 -| Reyotellain 下 
显示 方式 : 回 文本 消 T 
10-78 “记录 和 集 导航 条 ”对 话 框 
EED) 插入 记录 集 导 航 条 后 ， 参 考 本 章 前 面部 分 介绍 的 相关 的 步 又， 调整 导航 条 的 属 
性 ， 结 果 如 图 10-79 所 示 。 
EE 


\ 


A 


> 出 
{ReVotellian. vote_name] : 除 


目前 系统 中 没有 举办 任何 投票 ! 


图 10-79 调整 导航 条 的 属性 


设置 记录 集 不 为 空 时 显示 的 区 域 ， 设置 方法 如 图 10-80 所 示 。 


| (0 迄 择 记录 人 不 为 9 鞠 呈 i 三 了 
nd Ty 

E Er Go To Detail page 

Eee a 


10-80 ”选择 记录 集 不 为 空 时 的 显示 区 域 


EEC 弹出 “如 果 记录 集 不 为 空 则 显示 区 域 ” 对 话 框 ， 选 择 判断 的 记录 集 为 
ReVoteMain， 单 击 “确定 ”按钮 完成 设置 ， 如 图 10-81 所 示 。 
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10-81 “如 果 记录 集 不 为 空 则 显示 区 域 ”对 话 杠 
革 BY 选择 下 方 的 表格 ， 设 置 记录 集 为 空 则 显示 的 区 域 ， 设 置 方法 如 图 10-82 所 示 。 


cr-- 


右边 数 的 第 一 


DRIj<ey<tay [NIQ ho | 相同 国 515 x 394v 的 /1 秒 简体 中 文 (B23 


图 10-82 ”选择 记录 集 为 空 时 的 显示 区 域 


EBY 弹出 “如 果 记 录 集 为 空 则 显示 区 域 ” 对 话 框 ， 然 后 ， 选 择 判断 的 记录 集 为 
ReVoteMain， 单 击 “ 确 定 ”按钮 完成 设置 ， 如 图 10-83 所 示 。 


记录 集 : [Reyotellain 


10-83 “如 果 记 录 集 为 空 则 显示 区 域 ”对 话 框 


EEEE》 接着 要 设置 一 个 转 到 详细 页 面 的 链接 ， 让 管理 员 可 以 浏览 某 个 投票 活动 的 结 
果 。 选 择 “投票 题目 ”显示 字段 vote_name， 在 “服务 器 行为 ”面板 中 单 击 四 按 
钮 ， 在 弹出 的 菜单 中 选择 Go To Detail Page 命令 ， 如 图 10-84 所 示 。 

本 于 BY 弹出 Go To Detail Page 对 话 框 ， 将 自动 产生 链接 ， 设 置 “ 详 细 信息 页 ”为 
voteAdminShow.php、“ 传 递 URL 参数 ”为 vote id、“ 记 录 集 ”为 ReVoteMain、 
“ 列 ” 为 vote id， 如 图 10-85 所 示 ， 然 后 单 击 “ 确 定 ” 按 钮 ， 完 成 转 到 详细 页 面 的 
设置 。 
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10-84 选择 Go To Detail Page 命令 


话 接 [所 迁 寺 天 :Cghp_echo Sror Re 确定 NN 
详细 信息 页 : voteShow. php 取消 
传递 URL 参数 vote id 设置 为 以 下 项 的 什 孝 且 NN 
记录 集 -ReYotellain 四 
He 
传递 现 有 参数 : 四 URL 参数 
回 表单 参数 


图 10-85 Go To Detail Page 对 话 框 


EEC) 接着 设置 删除 链接 ， 让 管理 员 可 以 删除 某 个 投票 活动 。 选 择 “ 删 除 ”文本 ， 在 
“服务 器 行为 ”面板 中 单 击 罗 按钮 ， 在 弹出 的 菜单 中 选择 Go To Detail Page 命令 ， 
如 图 10-86 所 示 。 


Go To Detail Page |\ 
Go To Related Page 
播 入 记录 

更 新 记录 


图 10-86 选择 Go To Detail Page 命令 


ED 弹出 Go To Detail Page 对 话 框 ， 设 置 “ 详 细 信 息 页 ”为 voteAdminDel.php、 
“传递 URL 参数 ”为 vote id、“ 记 录 集 ”为 ReVoteMain、“ 列 ”为 vote id， 有 具体 
如 图 10-87 所 示 ， 单 击 “ 确 定 ” 按 钮 ， 完 成 转 到 详细 页 面 的 设置 。 


二 
a 
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案例 课堂 b>… 
二 | [和 
详细 信息 页 - voteAdninDel. Php ER 1 
人 着 URL 参 数 vote id 。 。” 设 奢 为 以 下 项 的 人 部 助 
记录 集 - 
下 
传递 现 有 参数 : 四 URL 参数 
表单 参数 


图 10-87 Go To Detail Page 对 话 框 
EE> 由 于 voteAdmin php 是 管理 界面 ， 为 避免 浏览 者 跳 过 登录 界面 来 读 取 该 页 面 ， 可 
以 加 上 服务 器 行为 来 防止 这 个 漏洞 。 在 “服务 器 行为 ”面板 中 单 击 因 按钮 ， 在 弹出 
的 菜单 中 选择 “用 户 身份 验证 ”一 “限制 对 页 的 访问 ”命令 ， 如 图 10-88 所 示 。 


末了 拓 EE 下 


图 10-88 选择 “限制 对 页 的 访问 ”命令 


EC) 弹出 “限制 对 页 的 访问 ”对 话 框 ， 选 择 “ 基 于 以 下 内 容 进 行 限制 ”为 “用 户 名 
和 密码 ”， 设 置 “如 果 访 问 被 拒绝 ， 则 转 到 ”为 voteAdminLogin.php， 单 击 “ 确 
定 ” 按 钮 ， 如 图 10-89 所 示 。 至 此 ， 就 完成 了 投票 系统 管理 主页 面 voteAdmin.php 的 
制作 。 


基于 以 下 内 容 进行 慨 制 加。 用户 名 和 密码 
癌 ”用 广 名 、 客 码 和 访问 级 别 


| 


如 果 访 问 被 拒绝 ， 则 转 到 : voteAdninLogin php 


el 


:i 


10-89 “限制 对 页 的 访问 ”对 话 框 


10.4.3 复制 页 面 


在 管理 界面 中 ， 有 两 个 页 面 在 设计 上 十 分 相似 ， 一 个 是 让 管理 员 浏览 目前 投票 结果 的 页 
面 ， 另 一 个 是 让 管理 员 决 定 是 否 要 删除 某 个 投票 活动 的 页 面 ， 它 们 都 会 以 条 形 图 显示 投票 结 
果 。 其 实 ， 这 两 个 页 面 都 可 以 使 用 已 经 制作 完毕 的 voteShow.php 来 修改 ， 所 以 ， 在 这 里 可 以 
先 复制 两 次 voteShow.php 页 面 ， 然 后 对 复制 的 两 个 页 面 进行 修改 即 可 。 

在 “文件 ”面板 中 ， 选 择 voteShow.php 页 面 ， 右 击 ， 在 弹出 的 快捷 菜单 中 选择 “ 编 
辑 ” 一 “复制 ”命令 ， 如 图 10-90 所 示 。 


图 10-90 选择 “复制 ”命令 


重复 上 一 步 操作 ， 即 可 复制 两 个 voteShow.php 页 面 ， 分 别 修改 为 voteAdminShow.php 和 
voteAdminDelphp， 如 图 10-91 所 示 。 


ES RA Bl, 


加 1 GIF 图 像 ”2015/12/8 16: 42 
Last gif 1 四 GIF 图 像 2015/12/8 16:42 
lyout hm 1 360 se... 2012/11/19 23:52 
国 wext cif 1 GIF 图 价 2015/12/8 16;42 
Previous gif 1 加 GIF 图 像 2015/12/8 16:42 
7 加 PIE 文件 2015/12/8 17:31 
TBB FNP 文件 2015/12/7 12:40 
T7808 PHP 文件 2015/12/9 15:12 
21B PHP 文件 2015/12/9 14:05 
SIB PHP 文件 2015/12/8 18:01 
1118 PHP 文件 2015/12/8 17;01 
9 PIE 文件 2015/12/9 13;57 
SIB PHP 文件 2015/12/9 15:23 
eteAdninDel php 8 PE 文件 2015/12/9 15:23 


BN 


二 


下 EEC EL 本- 滞 


10-91 复制 并 重 命名 文件 


10.4.4 修改 浏览 投票 活动 结果 页 


浏览 投票 活动 结果 页 面 为 voteAdminShow.php， 下 面 继续 讲述 如 何 修改 该 页 面 ， 操 作 步 
又 如 下 。 
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EY 打开 voteAdminShowphp 页 面 ， 将 显示 投票 结果 的 第 一 栏 文字 “参加 其 他 投 
票 ?” 删 除 ， 如 图 10-92 所 示 。 


网 上 [ 络 投 轩 条 半生 [ 统 、 


{RecYoteShow. vote_nane} 


0 县 
RecVoteShow.vote_item} :到 | 


10-92 ”删除 文字 “参加 其 他 投票 ?” 


ET 将 上 方 显示 投票 活动 名 称 的 字段 拖 电 到 合适 的 单元 格 中 ， 然 后 设置 为 中 间 显 
示 ， 如 图 10-93 所 示 。 


RecVvoteShow.vote_item]}: 国 
{RecVoteShow.vote_count} 


总 票数 : {voteSunmary. voteSUI} ， 最 高 票数 {voteSunmary. voteNAX} 


图 10-93 设置 投票 活动 名 称 字段 的 位 置 


EB 为 了 方便 制作 ， 打 开 随 书 光盘 中 的 “素材 \votesystemlayouthtm ”文件 ， 其 中 有 
两 个 表格 ， 选 择 上 方 的 表格 后 ， 按 Ctrl + C 键 复制 ， 如 图 10-94 所 示 。 


10-94 ”复制 上 方 的 表格 


EC 返回 到 voteAdminShow.php 文件 中 ， 将 光标 移 到 最 上 方 的 单元 格 中 ， 按 Ctl+V 
键 粘贴 上 即 可 ， 如 图 10-95 所 示 。 
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淮 潭 油 涯 里 忆 溃 汪 由 0 小 后 


10-95 ”粘贴 到 上 方 的 单元 格 中 


10.4.5 ”修改 删除 投票 活动 确认 页 面 


个 转 到 执行 删除 操作 的 访问 。 有 具体 操作 步骤 如 下 。 
打开 voteAdminDelphp 页 面 ， 参 照 前 面 的 操作 ， 设 置 效果 如 图 10-96 所 示 。 


voteAdminDelLphp 页 面 大 致 上 与 voteAdminShow.php 十 分 类 似 ， 不 同 的 是 ， 这 里 要 有 一 


网 【给 机 区 采 汉人 纹 


{RecVoteShow- vote_nane} 


ll 
{RecVoteShow.vote_count} 


总 票数 : {voteSunnary. voteSUM} ， 最 高 票数 {voteSummary. votellAX} 


图 10-96 设置 投票 活动 名 称 字段 的 位 置 


ET 为 了 方便 制作 ， 打 开 随 书 光盘 中 的 “素材 \votesystemlayouthtm ”文件 ， 其 中 有 
两 个 表格 ， 选 择 下 方 的 表格 后 ， 按 Ctrl + C 键 复制 ， 如 图 10-97 所 示 。 


10-97 ”复制 下 方 的 表格 


返回 到 voteAdminDel.php 文件 中 ， 将 光标 移 到 最 上 方 的 单元 格 中 ， 按 CtrltV 键 
粘贴 上 即 可 ， 如 图 10-98 所 示 。 
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网 [和 6 采写 ， 


10-98 ”粘贴 到 上 方 的 单元 格 中 


EY 将 光标 放 在 需要 插入 按钮 的 位 置 ， 然 后 在 “插入 ”面板 中 ， 选 择 “ 表 单 ” 一 
“按钮 ”命令 ， 如 图 10-99 所 示 。 


ee 
选择 “ 按 |! 
更 | 钮 " 命令 


! @ 将 光标 移 至 人 = 


{RecVoteShow.vote_count) 


图 10-99 插入 按钮 


四 BY 成 功 插入 按钮 后 ， 在 “属性 ”面板 中 ， 将 值 修改 为 “确定 删除 此 投票 活动 
吗 ? ”， 如 图 10-100 所 示 。 


网 [和 ?42 条 宇和 4 纹 


值 W :此 投票 务 允 ? 动作 名 提交 未 单 S) 一 无 0 
局 重 表单 四 


10-100 ”修改 按钮 的 属性 
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全 如 果 管 理 员 在 本 页 单 击 了 这 个 的 按钮 ， 网 页 会 将 该 项 投票 活动 编号 送 至 另 一 页 做 
删除 处 理 。 在 这 里 ， 需 要 加 入 一 个 隐藏 区 域 ， 来 接受 由 上 一 页 送 过 来 的 编号 ， 以 便 在 
本 页 表单 提交 时 能 随 着 到 下 一 页 去 。 


EEJDp 在 “插入 ”面板 中 ， 选 择 “ 表 单 ” 一 “隐藏 域 ”命令 ， 如 图 10-101 所 示 。 


{RecVoteShow. vote_iten} : 卢 ecv 0 


图 10-101 选择 “隐藏 域 ” 命 令 


ED 隐藏 域 插 入 后 ， 切 换 到 “ 绑 定 ”面板 ， 然 后 将 变量 vote id 拖 电 到 隐藏 区 域 上 ， 
如 图 10-102 所 示 。 


N 
\ 


{RecVoteShow. vote_iten] 


10-102 ”将 变量 拖 电 到 隐藏 区 域 


EEJD 切换 到 “服务 器 行为 ”面板 ， 单 击 该 面板 的 多 按钮 ， 在 弹出 的 菜单 中 ， 选 择 
“删除 记录 ”命令 ， 如 图 10-103 所 示 。 

ECORD 弹出 “删除 记录 ”对 话 框 ， 设 置 参 数 如 图 10-104 所 示 ， 单 击 “确定 ”按钮 。 

EEC 最 终 效果 如 图 10-105 所 示 。 这 样 就 完成 了 修改 删除 投票 活动 确认 页 面 的 操作 。 
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首先 检查 是 否 已 定义 交 重 : | 主键 值 =| 
i 


表格 : |voteiten 
主键 列 : [voteiten_id 了 ] 回 数值 
主键 值 : |URL 参数 站 | voteiten_id 
制 除 后 ， 转 到 : voteAdnin. php EL: 


图 10-105 ”最终 效果 
到 此 为 止 ， 本 章 的 网 络 投票 系统 就 设计 完成 了 。 
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11.1 系统 的 功能 分 析 


BBS 论坛 通常 按 不 同 的 主题 划分 为 很 多 个 版 块 ， 按 照 版 块 或 者 栏目 的 不 同 ， 可 以 由 管理 
员 设 立 不 同 的 版 主 ， 版 主 可 以 对 自己 的 栏目 或 版 块 进行 删除 、 修 改 或 锁定 等 操作 。 


11.1.1 规划 网 页 结构 和 功能 


本 章 将 要 制作 的 BBS 论坛 系统 的 网 页 及 网 页 结构 如 图 11-1 所 示 。 


BBS 论坛 管理 系统 
| 


index.php 


论坛 前 台 部 分 论坛 后 台 管 理 


bbspost. php adminLogin, php 


bbsdetail php | bbsAdmin. php | 
一 -一 Se Te 
| bbsreply.php | bosalter.php | | bbsdel.php | 


图 11-1 系统 的 结构 


本 系统 的 主要 结构 分 为 BBS 论坛 前 台 和 BBS 论坛 后 台 管理 两 个 部 分 ， 整 个 系统 中 共有 8 
个 页 面 ， 各 个 页 面 的 名 称 、 对 应 的 文件 名 和 功能 如 表 11.1 所 示 。 


表 11.1 BBS 论坛 系统 的 网 页 


页 面 名 称 功 能 
index.php BBS 论坛 系统 的 主页 面 
bbspostphp 用 户 发 布 新 主题 页 面 
bbsdetail.php 讨论 主题 详细 内 容 页 面 
bbsreply .php 回复 讨论 主题 页 面 
adminLogin.php 管理 员 登 录 页 面 
bbsAdmin php 管理 主 界面 
bbsalter.php 修改 讨论 主题 页 面 
bbsdel.php 删除 讨论 主题 页 面 


11.1.2 页面 设 计 规 划 
在 本 地 站 点 上 建立 文件 夹 ， 将 要 制作 的 BBS 论坛 系统 的 文件 和 文件 夹 如 图 11-2 所 示 。 
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ms 
第 
,Pr 加 3 
文件 (有 编 嘻 (E) 可 看 V) 工具 (帮助 (H) — | 
SR 。 包 人 到 中 ”共享 ”用 N0 条 片 。 齐 姑 。 新 六 1 己 ” 国 @ 开 
] | php 国有 -ip 司 
吕 
[Im < < Do 加 
四 Bs sgh bbsAdminphp bbsdetaiiphp bbspostphp 二 
从 [et 可 | be <‘D 
bbsreply.php emal.gif hfOLgif homepage.gif index.php 
于 计算 机 ~ 
» 11 仆 对象 


11-2 ”规划 站 点 文件 和 文件 来 


11.1.3 网 页 美工 设计 
本 实例 的 整体 框架 比较 简单 ， 美 工 设计 效果 如 图 11-3 所 示 。 


证: 首页 | 发 表 话题 | 管理 登录 


和 人 EE | 归 回 天 

aots/ii0 | 05/1110 

es 5 I-04 5 
En 


11-3 首页 的 美工 


初学 者 在 设计 制作 过 程 中 ， 可 以 打开 光盘 中 的 源 代 码 ， 找 到 相关 站 点 的 pic( 图 片 ) 文 件 
夹 ， 其 中 放置 了 已 经 编辑 好 的 图 片 。 


11.2 数据库 的 设计 与 连接 


本 节 主 要 讲述 如 何 使 用 phpMyAdmin 工具 建立 BBS 论坛 管理 系统 的 数据 库 ， 以 及 如 何 使 
用 Dreamweaver 在 数据 库 与 网 站 之 间 建 立 动态 连接 。 | 
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11.2.1 数据 库 的 设计 

通过 对 网 站 论坛 系统 的 功能 分 析 ， 可 以 发 现 ， 这 个 网 站 的 数据 库 应 该 包含 3 张 表 ， 分 别 
为 bbsmain、bbsreply 和 admin 数据 表 。 

1.bbsmain 数据 表 


这 个 数据 表 主 要 保存 讨论 主题 的 数据 。 其 中 bbs_ID 为 主键 ， 数 据 类 型 为 自动 编号 ， 为 每 
一 则 讨论 主题 加 上 一 个 单独 的 编号 而 不 重复 。 该 数据 表 的 结构 如 表 11.2 所 示 。 


表 11.2 bbsmain 数据 表 的 结构 


字段 措 术 字段 名 主键 | 非 空 | 唯一 自 增 
讨论 主题 编号 bbs ID 是 | 是 | 是 | 是 
讨论 主题 的 标题 uibied 否 | 是 | 否 | 理 
发 布 主题 的 人 bbs_name 否 是 否 否 
发 布 主题 人 当时 的 表情 bbs face 否 | 是 | 否 | 理 
发 布 主 题 的 内 容 bbs_content 否 是 否 否 
发 布 主题 的 时 间 bbs time 否 | 是 | 是 | 百 
发 布 主题 人 的 性 别 bbs_sex 否 | 否 | 否 | 天 
发 布 主题 人 的 E-mail bbs_email 否 否 是 否 
发 布 主题 人 的 个 人 主页 。 | bbs ul 否 | 否 | 是 | 否 
发 布 主题 人 的 亿 地 址 bbs 各 否 | 是 | 否 | 天 
讨论 主题 的 点 击 次 数 bbs hits 否 | 是 | 否 | 天 


2. bbsreply 数据 表 


该 数据 表 主 要 是 储存 回复 主题 的 信息 。 其 中 rep_ID 为 主键 ， 数 据 类 型 为 自动 编号 ， 是 回 
复 讨论 主题 的 编号 ，bbs_ID 为 讨论 主题 的 编号 。 该 数据 表 的 结构 如 表 11.3 所 示 。 


表 11.3 bbsreply 数据 表 的 结构 


字段 描述 字段 名 主键 | 外 键 | 非 空 | 唯一 | 自 增 
回复 主题 编号 rep ID 是 否 是 是 是 
讨论 主题 编号 bbs ID INTQ0) 否 是 是 否 否 
回复 主题 人 的 姓名 rep_name VARCHAR(20) 否 否 是 否 否 
回复 主题 的 时 间 rep_time DATETIME 否 否 是 否 否 
回复 主题 的 内 容 rep_content TEXT 否 否 是 否 否 
回复 主题 人 的 性 别 rep_sex VARCHAR(100) | 否 否 否 否 否 
回复 主题 人 的 E-mail Tep_email VARCHAR(100) 否 否 否 是 否 
回复 主题 人 的 个 人 主页 “| rep_url VARCHAR(100) | 否 否 否 是 否 
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3. admin 数据 表 
这 个 数据 表 主 要 是 储存 登入 管理 界面 的 账号 与 密码 ， 该 数据 表 的 结构 如 表 11.4 所 示 。 
表 11.4 _ admin 数据 表 的 结构 


不 http//localhost/phpmyadmin/aPMAURL Dsndex php7db~ guable™ diserver= 184arget™ Soken=3afi197936b53bl: @ DP- OX) 
大 localhost/ mysql wamps -六 
ET VE 
le 日 斥 诛 司 SQL 也 状态 中 用 户 轩 SL 图 SA 六 这 Y 更 多 
最近 使 用 的 者 ) 回 
有 -全 数据 库 服务 器 
ER- information_scheme 亲 务 如 :mysql 
。 半 务 吕 ;mysql wampseryer 
BR mysql (127.00.1 Vo TA) 
Rd performance_schema 敢 务 器 类 型 : MySQL 上 
Wg test “了 骤 务 器 蝗 本 ; 56.17 -MySQL 
Community Server(GPL) 
内 议 版 本 : 10 
。 用 户 : roct@localhost 
-Ln 和 -| 中文 -Chinese simpliied 回 » 和 UTF-8 Unicode 
二 三 条 :pmahomme 区 ] 9 
,字号 | 82% 国 | 
| 网 站 服务 名 
六 更 多 设置 
- Apache/2.49 (Win32) PHPI55 12 
~ 执 据 床 窜 户 员 产 本 。 libmysql 
sqnd5011dey -2012050- 
bf9ad53b11c9a57efdb1057292d73b 和 
“PHP 扩展 ;mysql 旺 
| 
Rl00% ~ 


图 11-4 phpMyAdmin 的 工作 界面 


EEJDy 在 文本 框 中 ， 输 入 要 创建 的 数据 库 的 名 称 “bbs”， 然 后 单 击 “ 创 建 ”按钮 ， 如 
图 11-5 所 示 。 


mysql wampserver 


回 数据 库 四 SQL 怕 状态 中 用户 轩 导出 加.S 和 | 
数据 库 


局 新建 才 据 库 自 
[bbs | | 排序 规则 局，(8@l 建 ) 


图 11-5 创建 数据 库 bbs 
EEJRS) 接着 就 要 回 到 phpMyAdmin 的 管理 界面 为 MySQL 中 的 bbs 数据 库 添加 数据 


二 
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表 。 在 左 侧 的 列表 中 选择 创建 的 bbs 数据 库 ， 然 后 在 右 侧 的 页 面 中 输入 添加 的 数据 
表 名 称 和 字段 数 ， 然 后 单 击 “执行 ”按钮 ， 如 图 11-6 所 示 。 
FE 一 


图 11-6 新建 数据 表 bbsmain 
EEC》 按照 表 11.2 的 内 容 设 置 数 据 表 ， 添 加 的 数据 表 字 段 如 图 11-7 所 示 。 


图 11-7 添加 的 数据 表 字段 
ED 设置 完毕 后 ， 单 击 “ 保 存 ” 按 钮 ， 即 可 查看 bbsmain 数据 表 ， 如 图 11-8 所 示 。 


i 

1 bbsJo int(10) UNseheo 否 无 AUTO_INCREMENT 

回 3 bbs name varchar(20) gb2312_chinese_ci 否 天 

回 5 bbs_content text gb2312_chinese_ci 竺 无 

回 7 bbs_sex 。 varchar(100) gb2312_chinese_ci 否 天 

回 9 bbs_url 。 varchar(100) gb2312_chinese_ci 是 NULL 
= 

加 11 bbs_hits int(8) 否 无 


11-8 bbsmain 数据 表 


ED 选择 bbsmain 数据 表 ， 选 择 顶 部 的 “插入 ”标签 。 依 照 字 段 的 顺序 ， 将 对 应 的 
数值 依次 输入 ， 单 击 “ 执 行 ”按钮 ， 即 可 插入 数据 ， 如 图 11-9 所 示 。 


欢迎 大 家 一 起 讨论 最 新 的 流行 歌曲 ,经典 的 噬 


tomno13831 


ep 加 [oro] 


图 11-9 插入 数据 
ED 按照 图 11-10 所 示 的 数据 ， 重 复 执行 上 一 步 的 操作 ， 将 数据 输入 到 数据 表 中 。 


TT | 


图 11-10 bbsmain 表 中 输入 的 记录 


EDUD) 用 上 述 方法 ， 参 照 表 11.3 和 11.4， 创 建 名 称 为 bbsreply 和 名 称 为 admin 的 数据 
表 。 输 入 字段 名 称 并 设置 其 属性 ， 最 终 效果 如 图 11-11 和 11-12 所 示 。 


a 

加 1 mpD int(10) N96NED 否 二 。 AUTO_INCREMENT 

加 3 rep_name varcharl20) gb2312_ chinese_ci 0 

EE | 

mpconont tot p29l2 chneterd 二 天 后 sa A 
a el 

@ 7 rep_email varchari100) gb2312_chinese_ci 是 NULL 回 1 username varchar(20) gb2312_chinese_ci 可 到 
TARaaaa EN 加 2peeowodiadaco om2chineseg 
图 11-11 bbsreply 表 的 结构 11-12 admin 表 的 结构 


EDUD 为 了 演示 效果 ， 分 别 对 bbsreply 数据 表 以 及 admin 数据 表 添 加 记录 ， 如 图 11-13 
和 11-14 所 示 。 


py A 


aa 
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案例 课堂 > 
rep_ID bbs_ID rep_name rep_time rep_content rep_sex rep_email rep_url 
Es ee ee ee Te et ee 
1 1 李 乐 乐 “2015-11-10 16:04-53 最 喜欢 的 歌曲 是 光 远 岁 月 /picm02.gif| 4556658558@qq com NULL | 


2 2 | 毛毛 2015-11- -10 160457| 我 喜欢 歌曲 喜 马 杆 hemo3 gr 45586121@q4 com Nu 


11-13 ”bbsreply 表 中 输入 的 记录 


11-14 admin 表 中 输入 的 记录 


NN 11.2.2 ”创建 数据 库 连 接 


数据 库 编辑 完成 后 ， 必 须 在 Dreamweaver CS6 中 建立 数据 源 连 接 对 象 。 这 样 做 的 目的 ， 
是 方便 在 动态 网 页 中 使 用 前 面 建立 的 信息 系统 数据 库 文件 和 动态 地 管理 信息 数据 。 有 具体 操作 
步骤 如 下 。 
EI 根据 前 面 讲 过 的 站 点 设置 方法 ， 设 置 好 “站 点 ”、“ 文 档 类 型 ”、“ 测 试 服务 
器 ”。 打 开 随 书 光盘 中 的 “素材 \bbsindex.php” 文 件 页 面 ， 选 择 “窗口 ”一 “数据 
库 ” 菜 单 命 令 ， 进 入 “数据 库 ” 面 板 。 单 击 “ 数 据 库 ” 面 板 中 的 团 按 钮 ， 弹 出 如 
图 11-15 所 示 的 菜单 ， 选 择 “MySQL 连接 ”命令 。 
ERD9 弹出 “MySQL 连接 ”对 话 框 后 ， 填 入 自 定义 的 连接 名 称 “bbsconn”， 填 入 
MySQL 服务 器 的 用 户 名 和 密码 ， 然 后 单 击 “ 选 取 ” 按 钮 ， 来 选取 连接 的 数据 库 ， 如 
图 11-16 所 示 。 


连接 名 称 : bbsconn 
MySQL 服务 器 : localhost 
用 户 名 : root 


堵 码 : 
数据 库 : 


图 11-15 ”连接 数据 库 图 11-16 “MySQL 连接 ”对 话 框 
EBD 弹出 “选取 数据 库 ” 对 话 框 ， 选 择 bbs 数据 库 ， 单 击 “ 确 定 ” 按 钮 ， 如 图 11-17 
所 示 。 


EEC 返回 到 “MySQL 连接 ”对 话 框 后 ， 单 击 “ 确 定 ” 按 钮 。 回 到 Dreamweaver CS6 
后 ， 可 以 打开 “数据 库 ” 面 板 ，bbs 数据 库 的 数据 表 在 连接 设置 后 已 经 读 入 
Dreamweaver CS6 了 ， 如 图 11-18 所 示 。 

国 于 了 Y 同时， 在 网 站 根 目录 下 将 会 自动 创建 名 为 Connections 的 文件 夹 ， 该 文件 夹 内 有 一 
个 名 为 bbsconn.php 的 文件 ， 打 开 该 文件 ， 切 换 到 “代码 ”视图 ， 添 加 如 下 代码 : 


mysql query("set character set 'gb2312'"); 
mysql query("set names 'gb2312'"); 


A 2 362 


添加 效果 如 图 11-19 所 示 。 


图 11-17 “选取 数据 库 ” 对 话 框 图 11-18 “数据库” 面板 


= mysql_pconnect ($hostname bbsconn, $username bbsconn, 
bbsconn, ) or trigger error(mysql_error(),E USER_ERROR); 
character set "gb2312'");// 次 茹 据 诛 蜡 到 

names "gb2312"") ;// 瑟 教 氟 库 编 到 


图 11-19 添加 代码 


EEC 在 Dreamweaver CS6 界面 中 选择 “文件 ”一 “保存 ”菜单 命令 ， 保 存 该 文档 ， 
完成 数据 库 的 连接 。 


11.3 BBS 论坛 系统 主 界面 的 制作 


定义 好 站 点 并 建立 数据 库 连 接 后 ， 就 可 以 制作 BBS 论坛 系统 的 主 界面 了 。 它 主要 包括 论 
坛 系统 的 主页 面 、 发 布 新 主题 页 面 、 论 坛 详细 页 面 、 回 复 主题 页 面 和 搜索 页 面 。 


11.3.1 BBS 论坛 系统 主页 面 的 制作 


BBS 论坛 系统 主页 面 的 文件 是 index.php， 该 页 面 主要 显示 所 有 的 讨论 主题 、 每 个 主题 的 

点 击 数 、 回 复数 、 发 布 时 间 和 最 新 回复 时 间 等 。 浏 览 者 可 以 单 击 “ 发 表 话 题 ” 链 接 发 表 一 个 

新 的 话题 ， 也 可 以 单 击 “ 管 理 登 录 ” 链 接 进入 论坛 管理 后 台 ， 系 统 主 界面 index.php 的 静态 页 
面 设计 如 图 11-20 所 示 。 
具体 操作 步骤 如 下 。 

ED 首先 在 indexphp 页 面 中 设置 记录 集 ， 切 换 到 “ 绑 定 ” 面 板 ， 单 击 该 面板 中 的 

四 按 钮 ， 在 弹出 的 菜单 中 选择 “记录 集 ( 查 询 )” 命 令 ， 弹 出 “记录 集 ” 对 话 框 ， 输 | 

入 数据 如 表 11.5 所 示 ， 结 果 如 图 11-21 所 示 。 、 


外 
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-首页 | 发 帖子 | 管理 登 测 


11-20 BBS 论坛 系统 主页 面 的 静态 效果 
表 11.5 设置 “记录 集 ” 对 话 框 的 参数 


属 性 设置 值 
名 称 Recbbs 
连接 bbsconn 
表格 bbsmain 
列 全 部 
筛选 无 
排序 无 


名 称 : Recbbs 
连接 -|bbsconn 
表格 : bbsnain 


列 回 全 部 日 选 证 的 : 
RE 

bbs_subject 
bbs_nane 

bbs_face 
bbs_content. 


| 无 
VRL 基数 


图 11-21 “记录 集 ” 对 话 框 
E73 单 击 “ 高 级 ”按钮 ， 在 SQL 文本 框 中 输入 如 下 代码 : 


SELECT bbsmain.bbs ID, bbsmain.bbs time AS bbstime, 
bbsmain.bbs hits AS bbshits, bbsmain.bbs subject AS bbssubject, 
bbsmain.bbs url AS bbsurl, bbsmain.bbs email AS bbsemail, 
bbsmain.bbs sex AS bbssex, bbsmain.bbs face AS bbsface, 
bbsmain.bbs content AS bbscontent,bbsmain.bbs name AS bbsname, 


COUNT (bbsreply.rep ID)AS RepNum,MAX (bbsreply.rep time)AS LatesTime 
FROM bbsmain LEFT OUTER JOIN bbsreply 

ON bbsmain.bbs ID=bbsreply.bbs ID 

GROUP BY bbsmain-bbs_ID 


其 中 ， 使 用 COUNTO 函 数 获取 总 共有 多 少 回复 记录 ， 使 用 MAXO 函 数 获取 所 有 回复 
记录 中 最 新 的 回复 时 间 。 由 于 bbsmain 数据 表 中 的 主题 在 bbsreply 数据 表 中 不 一 定 
会 有 对 应 回复 的 话题 ， 所 以 这 里 使 用 LEFT OUTER JOIN 将 接合 关系 中 的 两 个 数据 
表 分 为 左右 两 个 数据 表 ， 其 中 左边 数据 表 在 经 过 接合 后 ， 不 管 右边 的 数据 表 是 否 存 
在 ， 仍 然 会 将 资料 全 部 列 出 。 输 入 效果 如 图 11-22 所 示 。 


名 称 : Recbbs 
连接 [bbseomn | [让 
SQL: COUNT (bbsreply. rep_ID)AS Replian WAX (bbsreply. rep_timeJAS LatesTine a 
bbsmain LEFPT OUTER JOIN bbsreply 
ON bbsnain. bbs_ID=bbsreply. bbs_ID 
GROUP BY bbsmain bbs_ID 国 
变量 : [二 一 
数据 库 项 - | 一 团 
国 轴 视图 
轩 类 宽广 过 程 


11-22 输入 SQL 语句 
TB 单 击 “ 测 试 ”按钮 ， 弹 出 “测试 SQL 指令 ”对 话 框 ， 数 据 表 中 的 字段 果然 依照 


SQL 的 设置 绑 定 了 进来 ， 并 完成 统计 的 操作 ， 如 图 11-23 所 示 。 
mm bbs_ID bbs... bbs... bbsurl bbs... bbssex bbs... 和 i 
1 201... 讨 … 357... fpi... fpi... 
3 201... ; 888..， /pi..， /pi..， 欢 … 
[Ws 个) ] [下 zs 个 中 TF 
图 11-23 “测试 SQL 指令 ”对 话 框 
EGG 单 击 “ 确 定 ”按钮 ， 返 回 “ 记 录 集 ”对 话 框 ， 再 次 单 击 “ 确 定 ” 按 钮 ， 即 可 完 


成 记录 集 的 绑 定 。 
EEC 在 “ 绑 定 ”面板 上 出 现 上 面 设置 的 记录 集 名 称 ， 展 开 后 ， 将 需要 引用 的 数据 字 
段 一 一 拖 忠 到 网 页 中 ， 如 图 11-24 所 示 。 


二 
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版 块 主题 


{Recbbs. bbssubject} 


图 11-24 把 字段 拖 忠 到 网 页 中 
E> 将 光标 定位 在 {Recbbs bbssubject 的 左边 ， 选 择 “ 插 入 ”一 “图 像 对 象 ”一 “图 
像 占 位 符 ” 命 令 ， 弹 出 “图 像 占 位 符 ” 对 话 框 ， 设 置 高 度 和 宽度 都 为 20 像素 ， 具 体 
如 图 11-25 所 示 。 单 击 “ 确 定 ”按钮 ， 插 入 一 个 图 像 占 位 符 。 


图 11-25 “图 像 占 位 符 ” 对 话 框 


EC 选择 插入 的 图 像 占 位 符 ， 单 击 “属性 ”面板 中 的 “ 源 文 件 ” 文 本 框 右 侧 的 “ 浏 
览 文件 ”按钮 ， 弹 出 “选择 图 像 源 文件 ”对 话 框 ， 选 择 “ 数 据 源 ” 单 选 按钮 ， 在 
“ 域 ”列表 框 中 选择 记录 集中 的 bbsface 字段 ， 如 图 11-26 所 示 。 单 击 “ 确 定 ” 按 
钮 ， 完 成 记录 集 的 绑 定 。 


a [站点 根 自 录 

选择 文件 名 自 ; 加 一 

人 基本 和 服务 芝 
域 : bbstine 
Pe Wt 


! 选择 记录 集中 1 ?We 
1 的 bbsface 字段 站 Wom 
1 


格式 : 
NREY php echo $row Recbbs[’ bbsface ]; ?> 
在 站 点 定义 中 更 纱 黑 这 的 嵌 按 相对 二 


11-26 “选择 图 像 源 文件 ”对 话 框 
EEC) 接着 设置 页 面 中 的 重复 区 域 效 果 ， 如 图 11-27 所 示 。 
ED) 弹出 “重复 区 域 ” 对 话 框 ， 选 择 记 录 集 为 Recbbs， 设 置 一 次 显示 10 条 记录 ， 如 
图 11-28 所 示 ， 单 击 “ 确 定 ”按钮 完成 设置 。 


A 2 366 


CR 
.@ rr 
a - 选择 记录 集 为 “本 
司 所 有 记录 


图 11-28 “重复 区 域 ”对 话 框 


EE 在 木 页 中 插入 记录 集 导航 条 ， 在 “插入 ”面板 中 选择 “插入 ”一 “数据 ”一 
“记录 集 分 页 ”一 “记录 集 导 航 条 ” i 如 图 11-29 所 示 。 


选择 “记录 集 得 
导航 条 ”命令 关 | 下 Se 和 


和 


全 让 


11-29 ”选择 “记录 集 导 航 条 ”命令 


EEC 弹出 “记录 集 导航 条 ”对 话 框 ， 选 择 “ 记 录 集 ”为 Recbbs 选项 ， 设 置 “ 显 示 方 
式 ” 为 “文本 ”， 如 图 11-30 所 示 。 
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记录 集 : |Recbbs 
显示 方式 : 回 文本 


日 图 你 


11-30 “记录 集 导航 条 ”对 话 杠 
EE 玫 2》 单 击 “确定 ”按钮 ， 插 入 后 的 导航 条 效果 如 图 11-31 所 示 。 


图 11-31 插入 后 的 导航 条 效果 
si 有 11-32 所 示 。 


2 1 @ 选 择 此 命令 


11-32 ”选择 记录 集 不 为 空 时 的 显示 区 域 


EEEE 弹出 “如 果 记 录 集 不 为 空 则 显示 区 域 ”对 话 框 ， 选 择 判断 的 记录 集 为 Recbbs， 
单 击 “ 确 定 ” 按 钮 完成 设置 ， 如 图 11-33 所 示 。 
EEDD 选择 下 方 的 表格 ， 设 置 记录 集 为 空 则 显示 的 区 域 ， 设 置 方法 如 图 11-34 所 示 。 


- 368 


11-33 “如 果 记 录 集 不 为 空 则 显示 区 域 ” ,对 话 框 


二“ 肥 和 %% 时 时 
) 行为” 面板 


ts 1 
“首页 发 帖子 1 得 理 全 @ 选 择 此 命令 ! 


四 


ee Ee 


图 11-34 ”选择 记录 集 为 空 时 的 显示 区 域 


EY 弹出 “如 果 记 录 集 为 空 则 显示 区 域 ” 对 话 框 ， 选 择 判 断 的 记录 集 为 Recbbs， 单 
击 “确定 ”按钮 完成 设置 ， 如 图 11-35 所 示 。 


记录 集 : |Recbbs 下 


图 11-35 “如 果 记录 集 为 空 则 显示 区 域 ” 对 话 框 
EC 如 果 用 户 对 于 某 一 项 主题 有 兴趣 的 话 ， 可 以 在 选择 后 进行 回复 。 在 这 里 ， 即 是 
要 设置 转 到 详细 页 面 将 用 户 引 入 回复 主题 页 面 。 设 加 施法 如 图 236 所 示 。 


a 本 


了 一 


图 选 择 Go To Detail 


@ 选 择 显 示 主 a Page 命令 eT 


题名 称 的 字段 


11-36 选择 Go To Detail Page 命令 


洲 洲 扩 感 Sg 水 书 几 引 小 是 
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EEEB) 弹出 Go To Detail Page 对 话 框 ， 将 自动 产生 链接 ， 设 置 “ 详 细 信 息 页 ”为 
bbsdetailphp、“ 传 递 URL 参数 ”为 bbs ID 、“ 记 录 集 ”为 Recbbs、“ 列 ”为 
bbs ID， 如 图 11-37 所 示 ， 单 击 “确定 ” 按 钮 ， 完 成 转 到 详细 页 面 的 设置 。 


AT TE 
详细 信息 页 - bbsdetail. php 
情 运 URL 参数 : bbz_ID 设置 为 以 下 项 的 什 
记录 条 [Recbbs = 
到 : |bbs_ID - 
传递 现 有 参数 : 四 URL 参数 
器 表 间 多 数 


机 


11-37 ”Go To Detail Page 对 话 框 


Ey 在 indexphp 页 面 中 ， 有 三 个 文字 链接 | “首页 ”、“ 发 表 话 题 ”和 “管理 登 
录 ”， 下 面 设 定 其 链接 文件 ， 如 表 11.6 所 示 。 


表 11.6 文字 链接 的 页 面 


bbspost.php 


本 也 WY 到 此 为 止 ， 就 完成 了 论坛 系统 主页 面 index.php 的 所 有 设置 ， 选 择 “ 文 件 ” 一 
“保存 ”菜单 命令 保存 该 网 页 ， 按 F12 键 即 可 预览 效果 ， 如 图 11-38 所 示 。 


首页 | 发 表 话题 | 管理 登录 
版 主 题 人 a 癌 去 发 布 时 间 最 新 问 志 
0 SR ee 
© ge SR 


11-38 ”主页 面 的 最 终 预览 效果 


11.3.2 ”发 表 新 主题 页 面 的 制作 


从 BBS 论坛 系统 主 界面 ， 用 户 通 过 单 击 “ 发 表 话题 ”链接 ， 可 以 跳 转 到 发 表 新 主题 页 面 
bbspost.php。 具 体操 作 步 又 如 下 。 


二 
参 370 


ED 打开 随 书 光盘 中 的 “素材 bbs\bbspostphp” 文 件 ， 其 静态 页 面 的 效果 如 图 11-39 
所 示 。 


游 洲 节 砂 Sg9 由 书 几 4 避 
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图 11-39 ”发 布 新 主题 页 面 的 静态 效果 
CGT》 页 面 的 表单 foml 中 ， 文 本 域 和 文本 区 域 的 设置 如 表 11.7 所 示 。 
表 11.7 表单 form1 中 文本 域 和 文本 区 域 的 设置 方法 


含 义 方法 /类 型 
表单 post 
讨论 主题 的 标题 单行 
发 布 主题 的 人 单行 
发 布 主题 人 的 性 别 | bbs sex | 单 光 按钮 
发 布 主题 人 当时 的 表情 单 选 按钮 
发 布 主题 的 内 容 多 行 
发 布 主题 人 的 E-mail 单行 
发 布 主题 人 的 个 人 主页 [sm | 时 
确定 提交 | suomit 。 | 提交 表单 
重新 填写 重 设 表单 


EERB 将 光标 定位 在 “重新 填写 ” 右 侧 ， 选 择 “ 插 入 ”一 “表单 ”一 “隐藏 域 ”菜单 
命令 ,命名 为 “bbs_ip”， 然 后 在 “属性 ”面板 中 的 “ 值 ”文本 框 中 输入 如 下 代码 : 
<?php echo $_ SERVER['REMOTE ADDR']; ?> 
设置 该 值 的 作用 ， 是 获取 留言 者 的 下 地址， 如 图 11-40 所 示 。 

EEC 将 光标 定位 在 “重新 填写 ” 右 侧 ， 选 择 “ 插 入 ”一 “表单 ”一 “隐藏 域 ”菜单 
命令 ,命名 为 “bbs_time”， 在 “属性 ”面板 中 的 “ 值 ” 文 本 框 中 输入 如 下 代码 : 


<?php echo date("Y-m-d H:i:s")?> 
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设置 该 值 的 作用 ， 是 获取 留言 者 提交 留言 时 的 当前 时 间 ， 如 图 11-41 所 示 。 
| 


Nl 隐藏 区 域 
bbs_ip 值 w | 人 php echo $_SERYER[ RENOTE_ADDR| 安 


图 11-40 设置 隐藏 区 域 的 名 称 和 值 (设置 bbs_ip) 
尾 性 


商 ] 二 二 


[bbs_tine 


」 信和 QW) |<?php echo dateCY-n-d 


11-41 ”设置 隐藏 区 域 的 名 称 和 值 (设置 bbs_time) 
ECGD 切换 到 “服务 器 行为 ”面板 ， 单 击 该 面板 中 的 处 按钮 ， 在 弹出 的 菜单 中 选择 
“插入 记录 ”命令 ， 弹 出 “插入 记录 ”对 话 框 ， 输 入 如 表 11.8 所 示 的 数据 ， 新 增 记 
录 后 ， 转 到 主页 面 index.php， 如 图 11-42 所 示 ， 单 击 “ 确 定 ” 按 钮 ， 就 完成 了 插入 


记录 的 操作 。 
表 11.8 “插入 记录 ”对 话 框 中 的 设置 
属 性 设置 值 
连接 bbsconn 
插入 到 表格 bbsmain 
插入 后 ， 转 到 index.php 
获取 值 自 forml 
表单 元 素 (文本 字段 和 数据 字段 对 应 上 即 可 ) 


提交 值 ， 自 : |fornl ~ 
sa 
插入 表格 : |bbsmain 四 


列 | same 


‘bbs_url’ 
"bbs-ip’ 


值 : [无 
提交 为 - 时 7] 
插入 后 , 转 到 : index. php [本 


图 11-42 “插入 记录 ”对 话 框 
EEJD) 选择 “窗口 ”一 “行为 ”菜单 命令 ， 弹 出 “行为 ”面板 ， 单 击 神 按钮 ， 在 弹出 
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的 菜单 中 选择 “检查 表单 ”命令 ， 弹 出 “检查 表单 ”对 话 框 ， 设 置 bbs_subject、 
bbs_name 和 bbs_content 为 必需 的 ， 如 图 11-43 所 示 。 


可 接受 加 任何 东西 © ns 
司 电子 邮件 地 址 “ 司 数 3 从 “到 


图 11-43 “检查 表单 ”对 话 框 


ED 字段 bbs_email 不 是 必 填 的 字段 ， 但 是 ， 如 果 留 言 人 输入 的 不 是 电子 邮件 的 格 
式 ， 仍 然 是 不 符合 规格 的 ， 所 以 用 户 可 以 在 选择 该 字段 后 ， 选 择 “ 电 子 邮件 地 址 ” 
单 选 按 钮 ， 即 可 执行 表单 检查 ， 如 图 11-44 所 示 。 


可 接受 ， 司 任何 东西 © 数 子 


加 [电子 伯 地基 。 日 数字 从 到 


图 11-44 选择 “电子 邮件 地 址 ” 单 选 按钮 
EERB 单 击 “确定 ”按钮 ， 完 成 检查 表单 的 操作 。 至 此 ， 发 表 新 主题 的 页 面 已 经 制作 


完成 。 
11.3.3 ”讨论 主题 详细 页 面 的 制作 


当 用 户 在 主页 面 index.php 上 选择 某 一 项 主题 后 ， 此 时 ， 会 进入 一 个 详细 页 面 ， 将 这 个 主 
题 的 主 留言 及 回复 留言 的 内 容 显 示 在 一 个 页 面 上 让 用 户 浏览 。 具 体操 作 步 又 如 下 。 
TY 打开 随 书 光 盘 中 的 “素材 bbs\bbsdetailphp” 文 件 ， 静 态 页 面 的 效果 如 图 11-45 
所 示 。 
EC 由 于 该 页 面 需要 同时 显示 讨论 主题 和 回复 主题 的 内 容 ， 因 此 ， 需 要 对 两 个 记录 
集 进行 合并 ， 一 次 取得 这 两 个 数据 表 中 的 所 有 字段 ， 根 据 主题 页 面 传送 过 来 的 URL 
参数 bbs ID 进行 筛选 。 


BN 
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图 11-45 讨论 主题 详细 页 面 的 静态 效果 
EEJS 切换 到 “ 绑 定 ”面板 ， 单 击 该 面板 中 的 革 按 钮 ， 在 弹出 的 菜单 中 选择 “记录 集 
(查询 )” 命 令 ， 弹 出 “记录 集 ” 对 话 框 ， 如 图 11-46 所 示 。 单 击 “高 级 ”按钮 ， 进 入 
记录 集 高 级 设 定 的 对 话 框 ， 将 现 有 的 SQL 语句 改 成 如 下 所 示 的 SQL 语句 : 


SELECT 

bbsmain.*,bbsreply.* ”// 两 个 表 的 所 有 记录 。* 代 表 所 有 

FROM 

bbsmain LEFT OUTER JOIN bbsreply ON bbsmain.bbs ID=bbsreply.bbs ID 


/ /数据 关联 
WHERE bbsmain.bbs_ID =sendID 
其 中 ， 用 LEFT OUTER JOIN 关联 数据 表 bbsmain 和 bbsreply 中 的 字段 ， 取 得 两 个 
数据 表 中 的 相关 数据 。 并 且 用 WHERE 语句 ， 筛 选 bbsmain 数据 表 中 的 bbs_ID 字段 
值 等 于 sendID 变量 值 。 


网 
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图 11-46 “记录 集 ” 对 话 框 
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EC 单 击 “ 变 量 ” 右 侧 的 轩 按 钮 ， 弹 出 “编辑 变量 ”对 话 框 ， 输 入 “名 称 ” 为 
“sendID”， 选 择 “ 类 型 ”为 Integer， 输 入 “ 值 ” 为 $_GET[‘bbsmain.bbs_ID’]， 输 
入 “上 默认 值 ” 为 1， 如 图 11-47 所 示 。 

国 于 BY 单 击 “ 确 定 ” 按 钮 ， 返 回 到 “记录 集 ” 对 话 框 ， 即 可 看 到 参数 新 增 成 功 ， 效 果 
如 图 11-48 所 示 。 单 击 “确定 ” 按 钮 ， 完 成 记录 集 的 添加 操作 。 


=] (RX ee 
[i 


win LIPT OTEK 30 Wsreply OF Wmain bys ID-bosreply tsI0 
WR “bbsmain. bys_ID =sendld 司 


到 行人 午 $_GET[bbsmain bbs ID] 
EE 于 


名 称 : sendID 本 县 加 到 SQL, 
关 型 :Integer | - LL sur | 
默认 便 1 
运行 时 值 : $_GET[" bbsnain. bbs_ID 


图 11-47 “编辑 变量 ”对 话 框 图 11-48 “记录 集 ” 对 话 框 


EC 在 设 定 完 记录 集 绑 定 后 ， 先 把 记录 集中 的 字段 拖 忠 到 页 面 上 的 相应 位 置 ， 其 中 
两 个 图 像 占 位 符 分 别 绑 定 发 布 人 性 别 形象 bbs_sex 字段 和 回复 人 性 别 形象 bbs_ref_ 
sex 字段 ， 其 结果 如 图 11-49 所 示 。 


。。 讨论 主题 : {eontent bbs_svbject) [加 回复 主 是 


发 表 人 : {content bbs_name} 注 题 内 容 : 《conteat bbs content) 


er 


图 11-49 ”把 字段 拖 电 到 页 面 上 


ED 选择 主题 表格 中 的 文本 “电子 邮件 ”， 在 “属性 ”面板 上 单 击 “浏览 文件 ” 按 
钮 回 ， 弹 出 “选择 文件 ”对 话 框 ， 在 该 对 话 框 中 选中 “数据 源 ” 单 选 按钮 ， 然 后 在 
“ 域 ” 列 表 框 中 ， 选 择 “ 记 录 和 集 (content)” 中 的 bbs_email 字段 ， 并 且 在 URL 链接 
前 面 加 上 “mailto:”， 如 图 11-50 所 示 。 

EEC 选择 主题 表格 中 的 “主页 ”文本 ， 在 “属性 ”面板 上 单 击 “浏览 文件 ”按钮 
园 ， 弹 出 “选择 文件 ”对 话 框 ， 在 该 对 话 框 中 选中 “数据 源 ” 单 选 按钮 ， 然 后 在 
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加 上 “http:/”， 如 图 11-51 所 示 。 


[Li 
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图 11-50 设置 电子 邮件 的 链接 


妆 志 要 昌 录 |] 
Ei 


选 怪 文件 名 自 8 应 王 
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图 11-52 设置 电子 邮件 的 链接 


“ 域 ” 列 表 框 中 ， 选 择 “ 记 录 集 (contenD” 中 的 bbs_url 字段 ， 并 且 在 URL 链接 前 面 


MEL Mp 1] Toho ecbe Br om cntonT Ds wy J 3) 
TX 


图 11-51 设置 主页 的 链接 

七 了 TB 重复 上 两 步 的 操作 ， 设 置 回复 人 的 “电子 邮件 ”和 “主页 ”的 链接 。 一 个 是 
“记录 集 (detail)” 中 的 rep_email 字段 ， 一 个 是 “记录 集 (detail)” 中 的 rep_url 字段 ， 
分 别 如 图 11-52 和 11-53 所 示 。 


[aawe 录 | 
| 站 点 和 服务 吕 ] 


区 司 
DR ht // Ciphg ache 和 ww_<ententf raporl ]; ?> 
在 让 点 定义 中 本 码 吕 让 人 者 扩 相对 于 


11-53 ”设置 主页 的 链接 


ED 选择 “回复 主题 ”文本 ， 单 击 “ 服 务 器 行为 ”面板 上 的 外 按钮 ， 在 弹出 的 菜单 
中 选择 Go To Detail Page 命令 ， 在 弹出 的 Go To Detail Page 对 话 框 中 单 击 “浏览 ” 
按钮 ， 弹 出 “选择 文件 ”对 话 框 ， 选 择 此 站 点 中 的 bbsreplyphp 文件 ， 把 “传递 
URL 参数 ”设置 为 bbs ID， 设 置 如 图 11-54 所 示 。 单 击 “确定 ”按钮 ， 即 完成 了 详 


细 页 面 的 转向 操作 。 


EEC) 一 个 主题 回复 的 内 容 一 般 有 多 个 ， 所 以 ， 要 把 回复 的 内 容 信息 全 部 显示 出 来 。 
选择 页 面 中 要 重复 的 表格 ， 单 击 “ 服 务 器 行为 ”面板 上 的 外 按钮 ， 在 弹出 的 菜单 中 
选择 “重复 区 域 ” 命 令 ， 如 图 11-55 所 示 。 

EY 弹出 “重复 区 域 ”对 话 框 ， 设 置 显示 的 记录 数 为 6， 如 图 11-56 所 示 。 

EEC 单 击 “ 确 定 ” 按 钮 ， 回 到 编辑 页 面 ， 会 发 现 先前 所 选取 的 要 重复 的 区 域 左 上 角 
出 现 了 一 个 “重复 ”灰色 标签 ， 这 表示 已 经 完成 了 设置 。 


链接 .| 所 选 范围 :“ 回 复 主 题 ” 3 
详细 信息 页 : bbsrep17.php 
传递 URL 参数 : bbs_ID “设置 为 以 下 项 的 值 


讨论 主题 ， coateatbts_sabjet) 
加 


发 表 人 ;fconlentbbs_name 主 题 内容 :fcontsnt bbs_ comtect) 


图 11-55 选择 要 重复 的 表格 


ah Eee 


显示 : 图 6 | 记录 


日 所 有 记录 


图 11-56 “重复 区 域 ”对 话 框 
EC 当 回 复 的 内 容 多 于 6 条 记录 的 时 候 ， 需 要 在 第 二 页 中 显示 ， 所 以 要 加 入 记录 集 
导航 条 。 在 “插入 ”面板 的 “数据 对 象 ” 中 选择 “记录 集 分 页 ”中 的 “记录 集 导 
航 ” 命 令 ， 在 弹出 的 “记录 集 导 航 条 ”对 话 框 中 ， 选 取 要 导航 的 记录 集 以 及 导航 条 
的 显示 方式 ， 如 图 11-57 所 示 。 
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图 11-57 “记录 集 导 航 条 ”对 话 框 
EC 单 击 “ 确 定 ” 按 钮 ， 回 到 编辑 页 面 ， 会 发 现 页 面 中 出 现 了 该 记录 集 的 导航 条 ， 
如 图 11-58 所 示 。 


加 


回复 人 : {contentrep_name} 河 丰 内容: {content rep_content} 


加 W +t Of 主页 feonient eo time) 


图 11-58 添加 了 记录 集 导 航 条 


四 于 BY 如 果 没有 信息 回复 的 时 候 ， 就 必须 提示 “目前 没有 回复 ”， 如 果 有 人 回复 了 这 
个 主题 时 ， 就 必须 显示 回复 的 内 容 信息 ， 所 以 要 加 入 “显示 区 域 ”功能 。 选 择 有 数 
据 时 要 显示 的 一 行 ， 如 图 11-59 所 示 。 


| 避 


回复 人 : {content rep_name) 河 夏 内 容 : {content rep_content} 


回 W 电子 邮件 人 主页 (content rep time) 


图 11-59 选择 要 显示 的 一 行 
ET 单 击 “服务 器 行为 ”面板 上 的 因 按 钮 ， 在 弹出 的 菜单 中 选择 “显示 区 域 ” 一 
“如 果 记 录 集 不 为 空 则 显示 区 域 ” 命 令 ， 弹 出 “如 果 记 录 集 不 为 空 则 显示 区 域 ” 对 
话 框 ， 单 击 “ 确 定 ” 按 钮 ， 如 图 11-60 所 示 。 


11-60 “如 果 记 录 集 不 为 空 则 显示 区 域 ”对 话 框 


EC 日 到 编辑 页 面 ， 会 发 现 先前 所 选取 的 要 显示 的 区 域 左上 角 出 现 了 一 个 “如 果 符 
合 此 条 件 则 显示 ...” 灰 色 标签 ， 这 表示 已 经 完成 设置 ， 如 图 11-61 所 示 。 
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回复 人 : {content rep_name} 河 夏 内 容 : 《contentrep_content} 


加 和 电子 邮件 他 全 主页 (eontent sep time} 


11-61 完成 设置 后 的 效果 
EEB 选择 文本 “目前 没有 回复 ”所 在 的 行 ， 单 击 “ 服 务 器 行为 ”面板 上 的 办 按钮 ， 
在 弹出 的 菜单 中 选择 “显示 区 域 ” 一 “如 果 记 录 集 为 空 则 显示 区 域 ”命令 ， 弹 出 
“如 果 记 录 集 为 空 则 显示 区 域 ”对 话 框 ， 单 击 “确定 ”按钮 ， 如 图 11-62 所 示 。 


只 消 让 路 sgg 水 革 _ 世 引 江 中 


11-62 “如 果 记录 集 为 空 则 显示 区 域 ” 对 话 框 
11.3.4 添加 记录 点 击 次 数 的 效果 


在 主页 中 设置 了 文章 阅读 统计 功能 ， 当 访问 者 点 击 标题 进入 来 查看 内 容 时 ， 阅 读 统计 数 
目 就 要 增加 一 次 ， 这 主要 是 通过 更 新 bbsmain 数据 表 里 的 bbshits 字段 来 实现 的 。 
打开 bbsdetail.php 页 面 ， 切 换 到 “代码 ”视图 ， 添 加 以 下 代码 : 


$sendID = $HTTP GET VARS['bbs ID']; // 接 收 传递 的 URL 参数 
$updateCommand="UPDATE bbsmain SET bbs hits = bbs hits + 1 

where bbs ID = $sendID"; 
// 更 新 数据 的 SQL 字符 串 
mysql query($updateCommand，$connCuteforum); // 执 行 bbsmain 数据 的 更 新 
$updateGoTo = "bbsdetail.php?bbs_ID=".$sendID; // 设 定 更 新 后 前 往 的 页 面 
header (sprintf ("Location: %s"，$updateGoTo)); // 执 行 页 面 的 转换 


如 图 11-63 所 示 。 保 存 bbsdetail.php 页 面 ， 完 成 添加 记录 点 击 次 数 功能 的 操作 。 


php 
Te Gtinetion existstGetSaLyalueStrine")] 
tie ETT re ede ne, StheDefinearslee = “sthaliotDefine dpalue = ~" 


{ 
证 fpPHP_YERSION < 6) { 
Siheyalue = get_nagic quotes_ epe() ? stripslashes [theyalse) : $theTalue; 


ysql_real_escape_string”) ? aysql_real_escape_strine (gtheYaluc) : 


a| 
区 
区 
甘 
dl 
bb 
龟 | 
国 
了 
轩 : 
| 
| : 


ase “text 
和 heyalue = 人 (shoyalue 1= “9 9 7 Stheyalue .7s WL 


11-63 ”添加 代码 的 效果 
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11.3.5 回复 讨论 主题 页 面 的 制作 


回复 主题 页 面 bbsreply.php 主要 是 将 表单 中 填写 的 回复 内 容 信息 添加 到 bbsreply 数据 表 
中 。 由 于 回复 主题 页 面 需要 传递 讨论 主题 项 详细 页 面 中 的 参数 bbs ID( 主 题 编 号 ) 和 bbs_ 
subject( 讨 论 主题 的 标题 )， 所 以 需要 绑 定 两 个 记录 集 。 
有 具体 操作 步骤 如 下 。 
ED 打开 随 书 光 盘 中 的 “素材 \bbs\bbsreplyphp” 文 件 ， 静 态 页 面 的 效果 如 图 11-64 
所 示 。 


图 11-64 回复 主题 详细 页 面 的 静态 效果 


EERD9 切换 到 “ 绑 定 ”面板 ， 单 击 该 面板 中 的 的 按钮 ， 在 弹出 的 菜单 中 选择 “记录 集 
(查询 )” 命 令 ， 弹 出 “记录 集 ” 对 话 框 ， 输 入 “名 称 ” 为 “reply”， 选 择 “连接 ” 
为 bbsconn、“ 表 格 ” 为 bbsmain、“ 列 ”为 “ 选 定 的 ”、“ 筛 选 ” 为 “bbs=URL 参 
数 bbs ID”， 在 列表 框 中 ， 要 按 住 Ctrl 键 来 选择 bbs ID 和 bbs_subject 两 个 字段 ， 
如 图 11-65 所 示 。 


11-65 “记录 集 ” 对 话 框 
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EEIB9 单 击 “确定 ”按钮 ， 完 成 记录 集 的 绑 定 操作 。 将 记录 集中 的 bbs ID 和 
bbs_subject 字段 拖 忠 到 页 面 的 相应 的 位 置 ， 其 中 ， 把 bbs_ID 字段 拖 电 到 隐藏 域 上 ， 


如 图 11-66 所 示 。 
Ea a wy 
MM | 


1 
de Bo Me 5& | 


洲 沙 届 息 Sgg 泛 瘦 人 坤 上游 


加 


Nl 篇 匡 区 大 
em | 着 Wi ch sche rroplyT bos ID']; GF 


图 11-66 ”把 字段 拖 踊 到 页 面 上 
EEC 将 光标 定位 在 “重新 填写 ” 右 侧 ， 选 择 “ 插 入 ”一 “表单 ”一 “隐藏 域 ”菜单 
命令 ， 命 名 为 “rep_time”， 然 后 在 “属性 ”面板 中 的 “ 值 ”文本 框 中 ， 输 入 如 下 
代码 : 
<?php echo date ("Y-m-d H:i:s")?> 


设置 该 值 的 作用 ， 是 获取 回复 留言 时 的 当前 时 间 ， 如 图 11-67 所 示 。 


确定 提交 重新 填 与 
Ie CY QD Fora. > abley Cr dy Hebel finoat HN | Ce 00% 


NN 
rep_tine 值 W [Cphp echo date CY-a-d Kis ?让 于 


11-67 ”设置 隐藏 区 域 的 名 称 和 值 


EEJDp 切换 到 “服务 器 行为 ”面板 ， 单 击 该 面板 中 的 处 按 钮 ， 在 弹出 的 菜单 中 选择 
“插入 记录 ”命令 ， 弹 出 “插入 记录 ”对 话 框 ， 输 入 如 表 11.9 所 示 的 数据 ， 新 增 记 
录 后 转 到 主页 面 index.php， 如 图 11-68 所 示 ， 单 击 “确定 ”按钮 完成 插入 记录 操作 。 


表 11.9 “插入 记录 ”对 话 框 中 的 设置 


属 性 设置 值 
连接 bbsconn 
插入 到 表格 bbsreply 
插入 后 ， 转 到 bbsdetail.php 
获取 值 自 forml 
表单 元 素 (文本 字段 与 数据 字段 对 应 上 即 可 ) 
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:区 本 一 


插入 后 ， 转 到 : bbsdetail. php 


图 11-68 “插入 记录 ”对 话 框 


区 了 BY 选择 “窗口 ”一 “行为 ”菜单 命令 ， 弹 出 “行为 ”面板 ， 单 击 绚 按钮 ， 在 弹出 
的 菜单 中 选择 “检查 表单 ”命令 ， 弹 出 “检查 表单 ”对 话 框 ， 设 置 rep_name 和 
rep_content 为 “必需 的 ”， 如 图 11-69 所 示 。 


霹 贞 


值 园 必 震 的 


可 接受 ， 回 任何 东西 © WF 
同 电子 邮件 地 址 。 个 数字 从 到 


图 11-69 “检查 表单 ”对 话 框 
EDD 字段 rep_email 不 是 必 填 的 字段 ， 但 是 如 果 回 复 主 题 人 输入 的 不 是 电子 邮件 的 格 


式 ， 仍 然 是 不 符合 规格 的 ， 所 以 用 户 可 以 在 选择 该 字段 后 ， 选 择 “ 电 子 邮件 地 址 ” 
单 选 按钮 ， 即 可 执行 表单 检查 ， 如 图 11-70 所 示 。 


值 : 回 必 时 的 


可 接受- 癌 任何 东西 © 数字 
回 [电子 部件 地 二 加 数字 从 


11-70 ”选择 “电子 邮件 地 址 ” 单 选 按钮 


ED 单 击 “确定 ”按钮 ， 完 成 检查 表单 的 操作 。 至 此 ， 回 复 主题 页 面 制作 完成 。 
11.3.6 ”搜索 主题 功能 的 制作 


在 主页 index.php 中 需要 添加 搜索 功能 ， 有 具体 操作 步骤 如 下 。 
EEJDp 打开 主页 indexphp 文件 ， 首 先 设置 搜索 的 表单 字段 ， 需 要 先 注 意 字 段 名 称 是 否 
为 keyword， 如 图 11-71 所 示 。 


图 11-71 检查 文本 框 的 名 称 


EERDp 打开 先前 创建 的 记录 集 Recbbs， 在 原 有 的 SQL 语法 中 GROUP BY bbs_ 
Main bbs ID 的 前 面 ， 加 入 一 段 查询 功能 的 语法 : 


WHERE bbs_subject like $%keYywords% 


结果 如 图 11-72 所 示 。 


名 称 : Recbbs 


连接 -bbzcmm ”| (定义. 

SQL COUNT (bsreply. rep_ID)AS Replun, WAX bsreply rep_tine)AS LatesTime 
FROM bbsnain LEFT GUTER JOIN bbsreply ON 
bbsnain bbs ID=bbsreply bbs 


GROUP BY bbsnain bbs_ID 


记 熏 - [二 


BN 


11-72 ”修改 SQL 语句 
ECDIS 单 击 “变量 ” 右 侧 的 直 按 钮 ， 弹 出 “编辑 变量 ”对 话 框 ， 输 入 “名 称 ” 为 
“keyword”， 选 择 “ 类 型 ”为 Text， 输 入 “默认 值 ”为 “%”， 输 入 “运行 时 值 ” 
为 “$ POST[keyword]”， 如 图 11-73 所 示 。 


二 
33@ 
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EC 单 击 “确定 ”按钮 ， 返 回 到 “记录 集 ” 对 话 框 中 ， 即 可 看 到 参数 新 增 成 功 ， 如 
图 11-74 所 示 。 单 击 “ 确 定 ”按钮 ， 完 成 记录 集 的 添加 操作 。 


2 Reckbs 攻 到 | 
阳 有 
a ee | 攻 BE 
5QL CUM Oberorly. re TDJAS Ropem, NAY (beroply, ror_tinehS LoterTine 二 = 
TR bo mis TEFT GTR 了 项 btsreyly ON 简单 
Mi Te hos ly ta nh 
Re a | em 
志和 图 日 
| 和 名称 keyword 
(xa Tent 
内 仁兄 
ER 
En) 
各 次: 效 反 二 机 [回国 派 吉 到 SQL 
au [Tat 2 sg 
默认 全 % 
运行 时 值 : $_POST[ Keywvord ] 
图 11-73 “编辑 变量 ”对 话 框 图 11-74 “记录 集 ” 对 话 框 


区 于 BY 单 击 “ 确 定 ” 按 钮 ， 完 成 SQL 语句 的 修改 。 


11.4 BBS 论坛 系统 管理 界面 的 制作 


在 BBS 论坛 系统 中 ， 管 理 员 可 以 修改 主题 信息 ， 也 可 以 删除 不 文明 或 者 不 合法 的 信息 ， 
这 对 于 论坛 系统 的 维护 十 分 重要 。 


11.4.1 ”管理 员 登 录 页 面 的 制作 


由 于 管理 员 页 面 是 不 允许 网 站 访问 者 进入 的 ， 必 须 受 到 权限 管理 ， 可 以 利用 管理 员 账 号 
和 管理 密码 来 判断 是 否 有 此 用 户 。 制 作 管理 员 登 录 页 面 的 操作 步骤 如 下 。 
EY 打开 随 书 光盘 中 的 “素材 bbsvadminLogin php” 文 件 ， 切 换 到 “服务 器 行为 ” 
面板 ， 单 击 该 面板 中 的 处 按钮 ， 在 弹出 的 菜单 中 选择 “用 户 身份 验证 ”一 “登录 用 
户 ” 命 令 ， 如 图 11-75 所 示 。 


11-75 ”选择 “登录 用 户 ”命令 


ED 弹出 “登录 用 户 ” 对 话 框 ， 设 置 方法 如 图 11-76 所 示 。 


从 夫 音 获取 答 入 - [Eornl 二 = 
用 户 名 字段 [usernane 取消 
密码 字段 passvd x 帮助 
使 用 这 各 只 证 bbseon | 
去 ai | 
用 广 名 列 [asernane 了 
em 
如 果 登 录 成 功 , 转 到 : iishininm [HI-] 
转 到 前 一 个 URL ( 如 果 它 存在 ) 
如果 党 录 失 败 , 转 到 :index hp 


基于 以 下 项 限制 访问 : 加 用 户 名 和 密码 
用 户 各 、 密 码 和 访问 级 别 


i 
稀 玉 统 到 [usernee | 


图 11-76 “登录 用 户 ” 对 话 框 


Dr 表单 中 有 两 个 字段 ，username 是 输入 管理 员 名 称 的 字段 ， 另 一 个 passwd 是 输入 
慌 管理 员 密码 的 字段 。 登 录 管 理 员 的 服务 器 行为 ， 是 根据 管理 员 所 输入 的 账号 密码 ， 与 
数据 表 中 所 保存 的 管理 员 名 称 及 密码 对 比 ， 若 符合 ， 即 转 到 管理 页 面 bbsAdmin php， 
若 不 符合 ， 即 退出 到 BBS 论坛 系统 主页 面 index.php。 


TBY 单 击 “ 确 定 ” 按 钮 ， 完 成 登录 用 户 的 验证 。 选 择 “ 窗 口 ” 一 “行为 ”菜单 命 
令 ， 弹 出 “行为 ”面板 ， 单 击 神 按 钮 ， 在 弹出 的 菜单 中 选择 “检查 表单 ”命令 ， 弹 
出 “检查 表单 ”对 话 框 ， 设 置 username 和 passwd 为 “必需 的 ”， 如 图 11-77 所 示 。 


username” (R) 


值 : 回 | 必 时 的 


可 接受 回 任何 东西 局 至 字 
日 电子 邮件 地 址 。 癌 数字 从 到 


11-77 “检查 表单 ”对 话 框 
EC 单 击 “ 确 定 ” 按 钮 ， 完 成 管理 员 登 录 页 面 adminLogin.php 的 制作 。 
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11.4.2 BBS 论坛 系统 管理 主页 面 的 制作 


用 户 登录 成 功 后， 将 进入 系统 管理 员 主 界面 bbsAdmin php。 该 页 面 主要 为 版 主 提供 数据 
的 修改 和 删除 操作 。 
具体 操作 步骤 如 下 。 
EE 打开 随 书 光盘 中 的 “素材 bbsbbsAdmin php” 文件 ， 静 态 页 面 的 效果 如 图 11-78 
所 示 。 


图 11-78 系统 管理 主页 面 的 静态 效果 


EESDy 切换 到 “ 绑 定 ” 面 板 ， 单 击 该 面板 中 的 四 按钮 ， 在 弹出 的 菜单 中 选择 “记录 
集 ( 查 询 )” 命 令 ， 弹 出 “记录 集 ” 对 话 框 ， 单 击 “ 高 级 ”按钮 ， 进 入 记录 集 高 级 编辑 
模式 ， 在 SQL 文本 框 中 输入 如 下 代码: 


SELECT bbsmain.bbs ID，bbsmain.bbs time AS bbstime, 

bbsmain.bbs hits AS bbshits，bbsmain.bbs_subject AS bbssubject, 
bbsmain.bbs url AS bbsurl, bbsmain.bbs email AS bbsemail, 
bbsmain.bbs_ sex AS bbssex, bbsmain.bbs face AS bbsface, 
bbsmain.bbs content AS bbscontent, bbsmain.bbs name AS bbsname, 
COUNT (bbsreply.rep ID)AS RepNum,MAX (bbsreply.rep time)AS LatesTime 
FROM bbsmain LEFT OUTER JOIN bbsreply 

ON bbsmain.bbs ID=bbsreply.bbs ID 

GROUP BY bbsmain.bbs_ID 

输入 效果 如 图 11-79 所 示 。 

攻 了 BY 单 击 “ 确 定 ” 按 钮 ， 即 可 完成 记录 集 的 绑 定 。 在 “ 绑 定 ”面板 上 出 现 上 面 设置 
的 记录 集 名 称 ， 展 开 后 ， 将 需要 引用 的 数据 字段 一 一 拖 忠 到 网 页 中 ， 如 图 11-80 所 
示 。 其 中 bbsface 字段 拖 电 到 图 像 占 位 符 上 。 

EC 选择 需要 重复 区 域 的 表格 的 第 二 行 ， 切 换 到 “服务 器 行为 ”面板 ， 单 击 该 面板 
中 的 固 按 钮 ， 在 弹出 的 菜单 中 选择 “重复 区 域 ” 命 令 ， 如 图 11-81 所 示 。 

EGRD 弹出 “重复 区 域 ” 对 话 框 ， 选 择 “记录 集 ” 为 Recbbs， 选 择 “ 显 示 ” 为 “10 条 
记录 ”， 单 击 “确定 ”按钮 ， 如 图 11-82 所 示 。 


- 386 


名 次 Recbbs 
连接 :|bbscenn "|[ 定 X… 


SQL SELECT bbsnein. bbs_ID, PIRST (bbsaain. bbs_tine)AS bbstine, 
os SEO bbs_Jits)AS bbshits, FIEST ibbsnain bbs_subject)AS 
ssubject, 
了 TEST fbbsmain bbs_url)AS bbsurl, TEST (bbsmain. bbs_enail)AS 
bbsenail, 


员 


9 数 回 口 


11-79 输入 SQL 语句 


发 言 主题 


加 {Recbbs. bbssubject} 


图 11-81 选择 “重复 区 域 ”命令 
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记录 条 
显示 : 图 10 记录 


日 所 有 记录 


11-82 “重复 区 域 ”对 话 框 
EEJD 选择 “修改 ”图 标 国 ， 在 “服务 器 行为 ”面板 中 单 击 轩 按钮， 在 弹出 的 菜单 中 
选择 Go To Detail Page 命令 ， 弹 出 Go To Detail Page 对 话 框 ， 将 自动 产生 链接 ， 设 
置 “详细 信息 页 ”为 bbsalterphp、“ 传 递 URL 参数 ”为 bbs ID 、“ 记 录 集 ”为 


Recbbs、“ 列 ”为 bbs ID， 如 图 11-83 所 示 ， 单 击 “ 确 定 ”按钮 ， 完 成 转 到 详细 页 
面 的 设置 。 


链接 | 所 选 范围 :“<ing src="slter. gil v 
\ 详细 信息 页 : bbsalter. php| 
传递 URL 参 数 : bbs_ID ”设置 为 以 下 项 的 值 
记录 集 - [Recbbs = 
te 
传递 现 有 参数 : 四 URL 参数 
表单 参数 


图 11-83 ”Go To Detail Page 对 话 框 


EC 重复 上 一 步 操 作 ， 设 置 “ 删 除 ” 图 标 面 ， 转 到 详细 页 面 bbsdeLphp， 如 图 11-84 
所 示 。 


链接 : [所 选 范围 :“<img src="del. gif” 
详细 信息 页 : bbsdel.php 


传递 URL 参 数 : bbs_ID “设置 为 以 下 项 的 值 
记录 集 - 


到 
传递 现 有 参数 : 四 URL 参数 
吉 单 参数 


11-84 设置“ 删除” 图标 转 到 的 页 面 
EUB9 将 光标 定位 在 下 方 的 单元 格 中 ， 然 后 在 “插入 ”面板 中 选择 “数据 ”一 “记录 
集 分 页 ”一 “记录 集 导 航 条 ”菜单 命令 ， 将 会 弹出 “记录 集 导 航 条 ”对 话 框 ， 选 择 


使 388 


“记录 集 ” 为 Recbbs， 选 择 “ 显 示 方 式 ” 为 “图 像 ”， 单 击 “ 确 定 ”按钮 ， 如 图 11-85 
所 示 。 


11-85 “记录 集 导 航 条 ”对 话 框 
EB 插入 记录 集 导航 条 的 效果 如 图 11-86 所 示 。 


图 11-86 插入 记录 集 导航 条 的 效果 


EEC) 选择 上 方 的 表格 的 一 行 ， 设 置 记录 集 不 为 空 时 显示 的 区 域 ， 设 置 方法 如 图 11-87 
所 示 。 


WE EE 


ce 


选择 记录 集 不 为 空 
时 显示 表格 的 一 行 


Go To Detail page 
Go To Related Page 


插入 记录 


11-87 ”选择 记录 集 不 为 空 时 的 显示 区 域 
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EEC 弹出 “如 果 记 录 集 不 为 空 则 显示 区 域 ” 对 话 框 ， 选 择 判断 的 记录 集 为 Recbbs， 
单 击 “ 确 定 ”按钮 完成 设置 ， 如 图 11-88 所 示 。 


11-88 “如 果 记 录 集 不 为 空 则 显示 区 域 ” 对 话 框 


EEEP9 选择 “目前 没有 发 布 任何 主题 ”所 在 的 行 ， 设 置 记录 集 为 空 则 显示 的 区 域 ， 设 
置 方 法 如 图 11-89 所 示 。 


J A ©. Of br EL Bh PE 


CT\wamp\www A bbcAdmin php 国 - Xia: mm 


Go To Detail page 
Go To Related page 


插入 记录 
更 新 记录 
删除 记录 


图 11-89 选择 记录 集 为 空 时 的 显示 区 域 


配对 BY 弹出 “如 果 记 录 集 为 空 则 显示 区 域 ” 对 话 框 ， 选 择 判 断 的 记录 集 为 Recbbs， 单 
击 “确定 ”按钮 完成 设置 ， 如 图 11-90 所 示 。 


11-90 “如 果 记 录 集 为 空 则 显示 区 域 ”对 话 框 


EEC》 由 于 bbsAdminphp 页 面 是 管理 界面 ， 为 了 避免 浏览 者 跳 过 登录 画面 来 读 取 这 个 
页 面 ， 可 以 加 上 服务 器 行为 来 防止 这 个 漏洞 。 在 “服务 器 行为 ”面板 中 单 击 四 按 
钮 ， 在 弹出 的 菜单 中 选择 “用 户 身份 验证 ”一 “限制 对 页 的 访问 ”命令 ， 如 图 11-91 
所 示 。 

EEC 弹出 “限制 对 页 的 访问 ”对 话 框 ， 选 择 “基于 以 下 内 容 进行 限制 ”为 “用 户 名 
和 密码 ”， 设 置 “ 如 果 访问 被 拒绝 ， 则 转 到 ”为 adminLoginphp， 单 击 “ 确 定 ” 按 
钮 ， 如 图 11-92 所 示 。 至 此 ， 完 成 了 论坛 系统 管理 主页 面 bbsAdmin php 的 制作 。 
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游 洲 芒 二 Sg 由 中 出 上 小时 


| 条 地 台 RN 的 人 
11-91 选择 “限制 对 页 的 访问 ”命令 


基于 以 下 内 容 进行 艰 制 加 ”用 户 名 和 密码 
日 ”用 户 名 、 因 码 和 访 同 级 别 


2 


如 果 访 癌 被 拒绝 ， 则 转 到 ;sdninLegin php 


图 11-92 “限制 对 页 的 访问 ”对 话 框 
11.4.3 ”修改 讨论 主题 页 面 的 制作 


修改 讨论 主题 页 面 为 bbsalterphp.php， 主 要 功能 是 将 更 新 的 主题 和 内 容 更 新 到 bbsmian 
数据 表 中 。 有 具体 操作 步骤 如 下 。 
EEC 打开 随 书 光盘 中 的 “素材 \bbs\bbsalter.php.php” 文 件 ， 其 静态 页 面 的 效果 具体 如 
图 11-93 所 示 。 


11-93 ”修改 讨论 主题 页 面 的 静态 效果 
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EEID9 切换 到 “ 绑 定 ”面板 ， 单 击 该 面板 中 的 区 按钮 ， 在 弹出 的 菜单 中 选择 “记录 集 
(查询 )” 命 令 ， 弹 出 “记录 集 ” 对 话 框 ， 单 击 “ 高 级 ”按钮 ， 进 入 记录 集 高 级 编辑 模 
式 ， 在 SQL 文本 框 中 输入 如 下 代码 : 
SELECT bbsmain.*,bbsreply.* 
FROM bbsmain LEFT OUTER JOIN bbsreply 


ON bbsmain.bbs ID=bbsreply.bbs ID 
WHERE bbsmain.bbs ID =sendID 


输入 效果 如 图 11-94 所 示 。 
和 对 :content [ WW 证 | 
取消 
测 才 
部 助 
参数 罗 ] 一 
号 
便 - 
全 
NN [二 
NN 数据 库 项 -| 器 国 严 对 加 到 SQL- 
2 = 
Er 


图 11-94 ”输入 SQL 语句 
区 TB> 单 击 “ 变 量 ” 右 侧 的 四 按钮 ， 弹 出 “添加 变量 ”对 话 框 ， 输 入 “名 称 ” 为 
“sendID ”， 选 择 “ 类 型 ”为 Integer， 输 入 “ 值 ” 为 $ GET['bbsmain.bbs_ ID]， 输 
入 “默认 值 ”为 1， 如 图 11-95 所 示 。 
EEC 单 击 “ 确 定 ” 按 钮 ， 返 回 到 “记录 集 ” 对 话 框 ， 即 可 看 到 参数 新 增 已 经 成 功 ， 
如 图 11-96 所 示 。 


名 条 end 


EE [Tateesr 
加 认 入 1 
至 行 时 值 $_GE1[ bbsnain. bbs_1D”] 


11-95 “添加 变量 ”对 话 框 11-96 “记录 集 ” 对 话 框 
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EC 单 击 “ 确 定 ”按钮 ， 完 成 记录 集 的 添加 操作 。 在 “ 绑 定 ” 面 板 上 ， 将 会 出 现 上 
面 设置 的 记录 集 名 称 ， 展 开 后 ， 将 需要 引用 的 数据 字段 一 一 地 拖 息 到 网 页 中 ， 具 体 如 
图 11-97 所 示 。 


您 确定 修改 此 标题 和 内 容 : 


| 是，[Eaaaeaaa | 


[机 定 候 | 取消 说 村 ] 本 
11-97 ”将 字段 拖 遇 到 网 页 中 


ED 选择 隐藏 域 ， 然 后 将 bbs_ ID 字段 拖 电 到 上 面 ，“ 属 性 ”面板 中 的 “ 值 ” 中 会 自 
动 添加 相关 的 代码 ， 如 图 11-98 所 示 。 


| 
lbbs_ID| 值 W) 《<?php echo $row_Recbbs[’ bbs_ID’]| 多 


图 11-98 “属性 ”面板 


EEJ 切换 到 “服务 器 行为 ”面板 ， 单 击 该 面板 中 的 四 按 钮 ， 在 弹出 的 菜单 中 选择 
“更 新 记录 ”命令 ， 弹 出 “更 新 记录 ”对 话 框 ， 设 置 的 参数 如 图 11-99 所 示 。 


总 x 值 ,as 
连接 取消 
| 加 
到 : t” 从 subject” 获 取 值 作为 “文本 
eo FORMI bbs_content” 获取 值 作为 “文本 ' 


a 
在 更 新 后 ， 转 到 : bbsAdnin. php 0 


图 11-99 “更 新 记录 ”对 话 框 
TB 单 击 “ 确 定 ” 按 钮 ， 完 成 修改 讨论 主题 页 面 的 制作 。 


11.4.4 删除 讨论 主题 页 面 的 制作 
bbsdelphp 页 面 大 致 上 与 bbsalter.php 十 分 类 似 ， 不 同 的 是 ， 这 里 要 有 一 个 执行 删除 的 操 


. 
33@ 


一 案例 课堂 由 一 


作 。 具 体操 作 步 骤 如 下 。 
EC 打开 随 书 光盘 中 的 “素材 \bbs\bbsdel.php.php ”文件 ， 该 文件 静态 页 面 的 效果 如 


图 11-100 所 示 。 
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11-100 ”删除 讨论 主题 页 面 的 静态 效果 


EE2y 切换 到 “ 绑 定 ”面板 ， 单 击 该 面板 中 的 区 按钮 ， 在 弹出 的 菜单 中 选择 “记录 集 
(查询 )” 命 令 ， 弹 出 “记录 集 ” 对 话 框 ， 单 击 “ 高 级 ”按钮 ， 进 入 记录 集 高 级 编辑 模 


式 ， 在 SQL 文本 框 中 输入 如 下 代码 : 


SELECT bbsmain.*,bbsreply.* 

FROM bbsmain LEFT OUTER JOIN bbsreply 
ON bbsmain.bbs ID=bbsreply.bbs ID 
WHERE bbsmain.bbs_ID =sendID 


输入 效果 如 图 11-101 所 示 。 


名 称 redel 


了 | 定义， 


SQL SELECT 


bsmain 4 bbsreply 二 
FREON bbsnain LEPT JOIN bbsr 
ON bbsnain. bbs_ID=bbsreply. bbs_ID 
MHERE bbsnain bbs_ID =sendTD 


参数 : 本 | 一 

名 浆 - 
闫 到 
年 
默认 值 - 
| 编 加 

数据 库 项 -| 可 国 “ 表格 适 加 到 SQL: 

国内 视图 SELECT 
ORDER BY 


图 11-101 输入 SQL 语句 


Eee 


EDB) 单 击 “ 变 量 ” 右 侧 的 贡 | 按 钮 ， 弹 出 “添加 变量 ”对 话 框 ， 输 入 “名 称 ” 为 
“sendID ”， 选 择 “ 类 型 ”为 Integer， 输 入 “ 值 ”为 9_GET[‘bbsmain.bbs_ID’]， 输 
入 “默认 值 ”为 1， 如 图 11-102 所 示 。 

EEC 单 击 “确定 ”按钮 ， 返 回 到 “记录 集 ” 对 话 框 中 ， 即 可 看 到 参数 新 增 成 功 ， 如 
图 11-103 所 示 。 
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E59.GETIbesman bbs ID] 
名 称 : sendID 获 芭 话机 .| 己 国 mr 生 加 到 SQL 

加 
关 型 [Itaeer 了 时 要- 下 二 aa 
a 1 


返 行 时 值 : $_GET[ bbsnain. bbs_ID"] 


图 11-102 “添加 变量 ”对 话 框 图 11-103 “记录 集 ”对 话 框 


EEJDp 单 击 “ 确 定 ”按钮 ， 完 成 记录 集 的 添加 操作 。 在 “ 绑 定 ” 面 板 上 出 现 上 面 设置 
的 记录 集 名 称 ， 展 开 之 后 ， 将 需要 引用 的 数据 字段 一 一 拖 昌 到 网 页 中 ， 如 图 11-104 
所 示 。 


BN 


图 11-104 ”将 字段 拖 鬼 到 网 页 中 


EC 选择 隐藏 域 ， 然 后 将 bbs_ID 字段 拖 电 到 上 面 ， 为 “属性 ”面板 中 的 “ 值 ”自动 
添加 相关 代码 ， 如 图 11-105 所 示 。 


区 隐藏 区 域 
bbs_ID 值 W) | 人 = (content. Fields.Iten("bbs_ID" 多 


图 11-105 “属性 ”面板 


ET 切换 到 “服务 器 行为 ”面板 ， 单 击 该 面板 中 的 加 按钮 ， 在 弹出 的 菜单 中 选择 
“删除 记录 ”命令 ， 弹 出 “删除 记录 ”对 话 框 ， 设 置 的 参数 如 图 11-106 所 示 。 
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人 @ ”Dreamweaver+PHP+MySQL 动 态 网 站 开发 
es 案例 课堂 b> 


首先 检查 是 否 已 定义 变量 : | 主键 值 
连接 - 
表格 - 


上 


eS 
主键 列 : |bbs_ID | 四 数值 
主 刍 信 [WRL 儿 数 |bbs_ID 
删除 后 ， 转 到 : bbsAdnin. php 


EE 


NN 11-106 “删除 记录 ”对 话 框 


ET 单 击 “ 确 定 ” 按 钮 ， 完 成 删除 讨论 主题 页 面 的 制作 。 到 此 ， 本 章 的 BBS 论坛 系 
\ 统 就 制作 完成 了 。 


11.5 BBS 论坛 系统 功能 的 测试 
BBS 论坛 系统 制作 完成 后 ， 即 可 进行 测试 操作 ， 从 而 进一步 完善 整个 论坛 系统 。 
11.5.1 发 帖 测试 


发 布 新 帖 的 操作 步骤 如 下 。 


ET 在 IE 浏览 器 的 地 址 栏 中 输入 “http:WlocalhosVy”， 打 开 index.php 文件 ， 效 果 如 
图 11-107 所 示 。 


站 


图 11-107 index.php 文件 的 效果 


EECDPy 选择 第 一 个 主题 “讨论 最 新 的 流行 歌曲 ”， 将 进入 主题 详细 页 面 ， 如 图 11-108 
所 示 。 
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图 11-108 主题 详细 页 面 的 效果 


GEE> 单 击 “ 回 复 主题 ”链接 ， 即 可 进入 回复 主题 页 面 ， 如 图 11-109 所 示 。 输 入 相关 
信息 后 ， 单 击 “ 确 定 提交 ”按钮 ， 即 可 新 增 回复 信息 。 


EN :Rss gen 


SA: ean 


图 11-109 回复 主题 页 面 的 效果 
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EEJz 在 主页 面 indexphp 中 单 击 “ 发 表 话 题 ”链接 ， 即 可 进入 发 表 话题 页 面 
bbspostphp， 如 图 11-110 所 示 。 


园 - 名 hapyocalhosubbsposoho 


X 
、\ 
N 
图 11-110 ”发 表 话 题 页 面 的 效果 
EGGOD) 输入 相关 信息 后 ， 单 击 “ 确 定 提交 ”按钮 ， 返 回 到 主页 面 ， 可 以 看 到 ， 版 块 主 
题 中 多 了 一 个 刚 填写 的 主题 ， 如 图 11-111 所 示 。 
CO. @ mepyfocahosirder ph 
pe ES 首页 pe 管理 旭 坟 
国生 ba " EE i 
的 omer a "i er 
DD ER 3 ? A 
图 11-111 发 布 新 主题 成 功 
EEJp 在 “查询 主题 ”文本 框 中 输入 查询 关键 词 “ 流 行 歌曲 ”， 然 后 单 击 “ 查 询 ” 按 
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钮 ， 如 图 11-112 所 示 。 
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图 11-112 输入 查询 关键 词 


EU 系统 自动 筛选 符合 条 件 的 记录 ， 并 显示 出 来 ， 如 图 11-113 所 示 。 
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图 11-113 ”搜索 的 查询 结果 
11.5.2 ”论坛 后 台 管理 测试 


通过 后 台 管 理 ， 管 理 员 可 以 修改 和 删除 主题 信息 。 下 面 来 测试 后 台 管 理 功能 ， 操 作 步 又 


如 下 。 


ED 在 留言 板 主页 中 单 击 “ 留 言 管理 ”按钮 ， 打 开 adminLogin.php 文件 ， 输 入 管理 


员 的 用 户 名 和 密码 ， 如 图 11-114 所 示 。 
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图 11-114 管理 员 登 录 页 面 


ETE 单 击 “ 登 录 ”按钮 ， 进 入 bbsAdmin php 页 面 ， 如 图 11-115 所 示 。 管 理 员 可 以 修 
改 和 删除 主题 信息 。 


/dA 


图 11-115 ”bbsAdmin.php 页 面 的 效果 


EEDB) 在 要 修改 的 主题 信息 右 侧 单 击 “ 修 改 ” 图 标 ， 进 入 修改 主题 页 面 ， 如 图 11-116 
所 示 。 修 改 信息 后 ， 单 击 “ 确 定 修改 ”按钮 即 可 。 


11-116 ”修改 主题 页 面 的 效果 
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EEC》 在 要 删除 的 主题 右 侧 单 击 “ 删 除 ” 图 标 ， 进 入 删除 讨论 主题 页 面 ， 如 图 11-117 
所 示 。 单 击 “ 确 定 删 除 ”按钮 ， 即 可 完成 删除 操作 。 


图 11-117 ”删除 讨论 主题 页 面 的 效果 
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妆 第 13 章 网 站 推广 与 营销 策略 


化 新 手 ， 在 路 入 搜索 引擎 优化 技术 殿堂 之 前 ， 先 
义 、 方 向 、 优 势 和 误区 等 方面 的 内 容 ， 对 SEO 岗位 职责 有 
为 以 后 的 实际 操作 提供 参考 和 指导 。 
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搜索 引擎 优化 是 目前 被 广 为 关 注 的 网 络 营销 手段 ， 无 数 企业 和 个 人 站 长 参与 其 
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12.1 初 识 搜索 引擎 优化 (SEO) 


搜索 引擎 优化 由 “搜索 引擎 ”和 “优化 ”两 个 部 分 组 成 ， 其 中 “搜索 引擎 ”是 平台 ， 
“优化 ”是 动作 ， 通 俗 地 讲 ， 搜 索引 擎 优化 就 是 通过 总 结 搜索 引擎 的 排名 规律 ， 对 网 站 进 
行 合理 优化 ， 使 我 们 的 网 站 在 搜索 结果 中 排名 提高 ， 让 搜索 引擎 给 我 们 带 来 客户 。 

做 SEO 虽然 不 需要 会 编程 ， 也 不 需要 技术 细节 ， 但 理解 搜索 引擎 的 基本 工作 原理 是 必需 
的 ， 从 这 个 原理 出 发 ， 才 可 以 摸索 出 搜索 引擎 优化 更 深层 次 的 内 涵 。 


NN 12.1.1 搜索 引擎 的 工作 原理 


通常 情况 下 ， 搜 索引 擎 的 工作 大 体 上 可 以 分 为 以 下 4 个 阶段 。 
1. 疏 行 和 抓 取 


我 们 知道 ， 搜 索引 擎 是 通过 对 大 量 网 页 进行 相关 性 排序 生成 查询 结果 的 ， 那 么 ， 搜 索引 
人 擎 第 一 步 要 做 的 ， 就 是 通过 蜘蛛 程序 在 网 上 发 现 新 网 页 并 抓 取 文件 ， 建 立 海量 网 页 数据 库 。 
这 个 程序 从 搜索 引擎 自身 数据 库 中 已 知 的 网 页 出 发 ， 像 正常 用 户 的 浏览 器 一 样 访问 已 存在 的 
网 页 上 的 链接 ， 并 把 访问 返回 的 数据 存 入 数据 库 。 

蜂 蛛 在 访问 已 知 的 网 页 后 ， 会 跟踪 网 页 上 的 链接 ， 从 一 个 页 面 息 到 下 一 个 页 面 ， 整 个 过 
程 像 蜂 蛛 在 蜂 蛛 网 上 移动 一 样 ， 这 就 是 搜索 引擎 蜂 蛛 名 称 的 由 来 。 当 通过 链接 发 现 有 新 的 网 
址 时 ， 蜘 蛛 就 把 新 的 网 址 记 入 搜索 引擎 自己 的 数据 库 中 ， 等 待 抓 取 。 

整个 互联 网 是 由 无 数 相互 链接 的 网 站 及 页 面 组 成 的 ， 从 理论 上 说 ， 蜘 蛛 从 任何 一 个 页 面 
出 发 ， 都 可 以 稚 行 抓 取 到 所 有 页 面 ， 搜 索引 擎 蜘蛛 抓 取 的 页 面 文件 ， 往 往 与 用 户 浏览 器 中 看 
到 的 页 面 大 不 相同 ， 蜂 蛛 会 将 这 些 抓 取 的 网 页 文件 存 入 数据 库 ， 以 待 后 用 。 


mm 理论 上 ， 蜂 蛛 能 爬行 和 抓 取 所 有 的 页 面 ， 但 实际 上 ， 这 样 做 并 不 可 行 。 一 般 来 

江 说 ， 蜂 蛛 只 抓 取 它 认为 重要 的 页 面 ， 包 括 网 站 和 页 面 权 重 高 、 更 新 速度 快 、 存 在 导入 
链接 、 与 首页 点 击 距离 近 等 因素 ，SEO 的 工作 也 要 从 这 几 方 面 来 考虑 ， 才 能 吸引 疯 蛛 
抓 取 。 


2， 索引 


蜂 蛛 抓 取 的 原始 页 面 并 不 能 直接 用 于 查询 和 排序 ， 而 是 以 另外 一 个 程序 进行 网 页 文件 分 
解 、 分 析 ， 并 以 某 种 特定 的 形式 存 入 自己 的 庞大 数据 库 中 ， 这 个 过 程 就 是 索引 。 

在 索引 数据 库 中 ， 网 页 的 文字 内 容 、 关 键 词 出 现 的 位 置 、 字 体 、 颜 色 等 信息 都 有 相应 的 
记录 。 索 引 一 般 包 括 以 下 过 程 : 提取 文字 、 分 词 处 理 、 去 停止 词 、 消 除 噪声 、 去 重复 、 建 立 
索引 库 。 


3. 搜索 词 处 理 
经 过 索引 蜘蛛 抓 取 页 面 后 ， 搜 索引 擎 就 可 以 随时 处 理 用 户 的 搜索 了 。 通 常 ， 用 户 在 搜索 


G40 


引擎 界面 中 输入 关键 词 ， 并 单 击 “搜索 ”按钮 后 ， 搜 索引 擎 程序 即 对 输入 的 搜索 词 进行 处 
理 。 例 如 ， 百 度 搜索 主 界面 如 图 12-1 所 示 。 


Bai 并 EE 度 


按 索 于 一下 


四 经 加 雪 过 网站 器 Haol23 
志 宁 风云 术 十 和 


图 12-1 搜索 关键 词 


这 个 处 理 过 程 很 繁琐 ， 而 且 中 间 的 过 程 对 用 户 而 言 是 不 可 见 的 ， 也 是 搜索 引擎 的 核心 机 
密 之 一 。 常 见 的 搜索 词 处 理 包 括 中 文 的 分 词 、 去 除 停止 词 、 拼 写 错误 矫正 、 触 发 整合 搜索 
等 ， 如 图 12-2 所 示 。 
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12-2 ”搜索 结果 
4. 排序 


对 搜索 词 进行 处 理 后 ， 搜 索引 擎 排序 程序 开始 工作 : 从 索引 数据 库 中 找 出 所 有 包含 搜索 
词 (或 称 关键 词 ) 的 网 页 页 面 ， 并 且 根 据 搜索 引擎 自己 的 排名 算法 ， 计 算出 哪些 网 页 应 该 排 在 搜 
索 结果 的 前 面 ， 哪 些 网 页 应 该 靠 后 。 然 后 搜索 引擎 会 按 一 定格 式 ， 将 这 些 经 过 排序 的 网 页 输 
出 到 “搜索 结果 ”页 面 中 ， 提 供给 用 户 ， 作 为 最 终 的 搜索 结果 。 

通常 情况 下 ， 主 流 搜索 引擎 的 排序 过 程 只 需 极 短 的 时 间 ， 如 0.16 秒 ， 如 图 12-3 所 示 。 

在 图 12-3 中 ， 我 们 看 到 找到 结果 为 1020000000 条 ， 但 实际 上 ， 用 户 并 不 需要 这 么 多 ， 
排序 程序 要 对 这 么 多 文件 进行 处 理 也 要 花 很 多 时 间 ， 绝 大 部 分 用 户 只 会 查看 前 两 页 的 搜索 结 
果 ， 所 以 搜索 引擎 一 般 只 返回 1000 个 搜索 结果 ， 百 度 通常 返回 76 页 ，Google 返回 100 页 ， 
如 图 12-4 和 12-5 所 示 。 
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图 12-3 ”搜索 结果 排序 


二 代 化 ， 优化， 人 横生 | 芝 优 化， 和 二 
公司 拥有 五 年 以 上 SEO 技术 团队 ， 考 业 , 效果 佳 。 免 费 咨询 .400-676-2056 
www wallsoo cn/ 2012-1-24 - 百度 快照 : 


提示 ， 为 了 提供 最 相关 的 结果 ， 我 们 省 略 了 一 些 内容 相 似 的 条 目 ， 点 击 这 里 可 以 看 到 所 有 搜索 结果 。 
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图 12-5 _ Google 返回 的 结果 


上 面 我 们 简单 介绍 了 搜索 引擎 的 工作 过 程 。 实 际 上 ， 这 是 一 个 非常 复杂 的 过 程 : 排序 算 
法 需要 实时 地 从 索引 数据 库 中 找 出 所 有 的 相关 页 面 、 实 时 地 计算 相关 性 和 加 入 过 滤 算 法 等 ， 
其 复杂 程度 是 外 人 无 法 想象 的 。 

可 以 说 ， 搜 索引 擎 是 当今 规模 最 大 ， 最 复杂 的 计算 系统 之 一 。 

从 搜索 引擎 的 基本 工作 原理 可 以 看 出 ， 在 整个 搜索 引擎 工作 的 过 程 中 ， 虽 然 搜索 引擎 有 
足够 多 抓 取 的 网 页 、 有 自己 非常 好 的 排名 算法 、 有 很 强 的 运算 能 力 ， 但 是 ， 它 仍然 是 个 “ 程 
序 ”， 并 不 具备 人 的 思维 能 力 ， 所 以 对 网 页 内 容 的 理解 和 辨别 是 非常 困难 的 。 这 也 就 是 为 什 
么 很 多 时 候 使 用 搜索 引擎 往往 得 不 到 自己 确切 想 要 的 信息 的 原因 。 

从 搜索 结果 的 不 准确 性 考虑 ， 搜 索引 擎 很 需要 优化 ， 因 为 搜索 引擎 优化 从 搜索 引擎 网 站 


方面 来 讲 ， 就 是 要 帮助 搜索 引擎 正确 地 返回 最 相关 、 最 权威 和 最 有 用 的 网 页 信息 ; 而 从 站 长 
的 目的 上 讲 ， 搜 索引 擎 优化 的 工作 ， 就 是 让 用 户 在 搜索 某 些 关键 词 的 时 候 ， 从 返回 的 结果 
中 ， 尽 量 让 站 长 网 站 (网 页 ) 的 排名 靠 前 ， 以 获得 更 多 的 点 击 ， 吸 引 更 多 用 户 的 访问 。 


12.1.2 ”搜索 引擎 优化 (SEO) 的 含义 


知道 搜索 引擎 的 工作 原理 后 ， 再 来 理解 搜索 引擎 优化 就 比较 容易 了 。 

搜索 引擎 优化 (Search Engine Optimization，SEO)， 是 指 通过 采用 易于 搜索 引擎 索引 的 合 
理 手 段 ， 使 网 站 各 项 基本 要 素 适 合 搜索 引擎 的 检索 原则 并 且 对 用 户 更 友好 (Search Engine 
Friendly)， 从 而 更 容易 被 搜索 引擎 收录 及 优先 排序 。SEO 从 属于 SEM( 网 络 营销 )。 通 俗 地 
讲 ， 通 过 总 结 搜索 引擎 的 排名 规律 ， 对 网 站 进行 合理 优化 ， 可 以 使 我 们 的 网 站 在 百度 和 
Google 中 的 排名 提高 ， 让 搜索 引擎 给 我 们 带 来 客户 ， 如 图 12-6 所 示 。 


Bai 如 百度 关中 网 页 WE 知道 MP3 图 片 视频 地 图 更 多 
| 鲜花 百度 一 下 


递 网 1100: 1 
鲜花 ,免费 送 花 鲜花 中 国 最 大 鲜花 礼品 网 站 哇 花 .24 小 时 鲜花 3 小 时 上 门 鲜花 全国 鲜花 免费 订 
购 热线 400-680-6160 
www XianHua com cm/7TEL:400.580.6160 2012.01- 撞 广 


鲜花 百度 图 片 - 闪 要 上 


image baidu com - 查看 全 部 1.990 张 图 片 


鲜花 百度 百科 
侠 花 是 指 被 子 植物 繁 和 后 代 的 生殖 器官 。 a 在 一 个 有 限 生长 的 短 四 上 ， 厦 生花 专 、 花 
冠 和 产生 生殖 细胞 的 雄关 与 由 疙 。 共 79i 


屋 义 -生物 各 识 -意义 - Pr 
baike baidu comNiew/110830 htm 2012-1-2 


鲜花 网 中国 鲜花 礼品 网 -中 国 鲜花 网 网 上 订 花 送 花 鲜花 速递 网 上 花 

中 国 鲜花 礼品 网 -鲜花 送 花 .网 上 订 花 中 国 鲜花 网 ,网 上 花 店 鲜花 快递 异地 送 花 鲜花 网 专业 定 花 ， 
网 上 鲜花 订购 鲜花 连 遂 全 国 -中 国 鲜 花 礼品 网 领先 的 中 国 鲜花 速递 服务 商 ， 

www flowercn .com/ 2012-1-24 -百度 快 赂 


TE TT 放生 
12-6 ”搜索 排名 


5 天 SEO 是 一 种 思想 ， 而 不 仅仅 是 对 针对 搜索 引擎 进行 单一 的 排名 优化 。SEO 思想 应 

慌 该 贯穿 在 网 站 策划 、 建 设 、 维 护 全 过 程 的 每 个 细节 中 ， 需 要 网 站 设计 、 开 发 和 推广 的 
每 个 参与 人 员 进 行 充分 了 解 ， 并 且 在 自己 日 常 的 工作 中 体现 出 搜索 引擎 优化 细节 ， 养 
成 自然 的 优化 习惯 。 


12.1.3 SEO 是 吸引 潜在 “眼球 ”的 最 佳 方法 


在 网 络 中 ，“ 眼 球 效应 ”就 是 基本 法 则 ， 能 吸引 眼球 就 意味 着 能 带 来 可 能 的 收益 ，SEO 


正 是 吸引 “眼球 ”的 最 佳 方法 。 
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Dreamweaver+PHP+MySQL 动 态 网 站 开发 
案例 课堂 由 一 


在 目前 的 网 络 中 ， 搜 索引 擎 无 疑 是 最 易于 引导 用 户 行为 的 媒介 ， 因 为 用 户 往往 是 产生 需 
求 ， 才 会 使 用 搜索 引擎 搜索 自己 想 要 的 内 容 ， 而 搜索 引擎 的 目标 ， 则 是 将 整个 互联 网 中 的 信 
息 汇 总 起 来 ， 给 用 户 返 回 需要 的 信息 ， 便 于 用 户 进行 访问 一 一 正 是 基于 这 样 的 模式 ， 搜 索引 
擎 优化 的 基本 目标 就 是 获得 相关 关键 词 的 优秀 排名 ， 以 便于 让 用 户 快速 、 直 接地 寻找 到 自己 
想 要 的 内 容 。 


12.2 ”搜索 引擎 优化 的 目标 


简单 地 理解 搜索 引擎 优化 的 目标 ， 其 实 就 是 获得 更 好 的 排名 。 但 是 ， 这 样片 面 的 理解 是 
不 利于 深入 学 习 搜 索引 擎 优化 技术 的 。 

总 体 而 言 ， 搜 索引 擎 优化 的 目标 是 “通过 过 程 贯彻 思想 ”: 从 网 站 策划 、 网 站 建设 到 网 
站 运营 ， 整 个 过 程 都 离 不 开 搜 索引 擎 优化 思维 ， 每 个 环节 都 应 该 具备 优化 思想 。 


12.2.1 提升 网 站 的 访问 量 


提升 网 站 的 访问 量 最 简单 的 办 法 是 使 自己 的 网 页 排名 靠 前 ， 这 也 是 搜索 引擎 优化 最 常见 
的 目标 ， 就 是 在 搜索 引擎 许可 的 优化 原则 下 ， 通 过 对 网 站 中 代码 、 链 接 和 文字 描述 的 重组 优 
化 ， 加 上 后 期 对 该 优化 网 站 进行 合理 的 反 向 链接 操作 ， 最 终 实 现 被 优化 的 网 站 在 搜索 引擎 的 
检索 结果 中 得 到 更 靠 前 的 排名 ， 进 而 提高 点 击 率 ， 让 产品 展示 在 用 户 面前 。 

通过 搜索 排名 的 不 断 提 升 ， 网 站 可 以 获得 更 多 的 流量 ， 让 更 多 有 需要 的 用 户 进 行 访 问 ， 
如 图 12-7 所 示 。 
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295 111% 


图 12-7 网 站 的 访问 量 
需要 特别 指出 的 是 ， 好 的 排名 不 一 定 会 产生 较 好 的 流量 ， 经 常会 有 排名 同样 的 网 站 ， 有 
的 网 站 点 击 转 化 率 高 到 5%， 而 有 的 不 到 0.5%， 这 也 敦促 我 们 要 改变 以 排名 为 目的 的 思想 。 


12.2.2 ”提升 用 户 体验 


除 获 得 更 多 的 访问 量 外 ， 搜 索引 擎 优化 还 需要 通过 对 网 站 功能 、 网 站 结构 、 网 页 布局 、 
网 站 内 容 等 要 素 进行 合理 设计 ， 使 得 网 站 内 容 、 功 能 、 表 现形 式 等 方面 ， 更 好 地 满足 用 户 体 


验 的 需求 ， 让 访问 者 和 潜在 客户 获得 自己 想 要 的 信息 ， 从 而 突出 网 站 自身 的 价值 。 

用 户 体验 方面 的 优化 点 很 多 ， 大 概 而 言 ， 经 过 用 户 体验 优化 的 网 站 ， 访 问 者 可 以 方便 地 
浏览 网 站 的 信息 ， 使 用 网 站 的 服务 。 有 具体 表现 形式 很 广 ， 如 以 用 户 需 求 为 导向 的 网 站 设计 、 
网 站 导航 的 方便 性 、 网 页 打开 速度 更 快 、 网 页 布局 更 合理 、 网 站 信息 更 丰富 、 网 站 内 容 更 有 
效 和 网 站 形象 更 有 助 于 用 户 产生 信任 等 方面 。 


12.2.3 ”提高 业务 转化 率 


搜索 引擎 优化 的 最 终 目 标 ， 还 是 在 于 通过 优化 过 程 提高 业务 转化 率 ， 给 企业 带 来 生意 ， 
提升 企业 的 利润 。 这 一 点 是 最 重要 的 ， 特 别 是 一 些 SEO 新 手 ， 往 往 只 是 考虑 排名 或 者 用 户 体 
验 ， 而 忽视 了 根本 目的 。 至 关 重 要 的 是 : 排名 和 用 户 体验 都 要 为 业务 转化 让 步 。 


(03aS) 估 衬 慷 也 尘 浇 号 习 册 Z 浇 中 


12.3 ”搜索 引擎 优化 的 分 类 


目前 ， 搜 索引 擎 还 不 能 实现 搜索 结果 与 用 户 的 意图 准确 相关 ， 搜 索引 擎 的 各 种 算法 技术 
还 在 不 断 提升 中 ， 从 而 促使 搜索 引擎 优化 技术 不 断 进步 、 不 断 改 变 。 但 基本 原理 在 短 时 间 内 
不 可 能 有 根本 性 的 变化 ， 所 以 优化 还 是 有 迹 可 循 的 。 从 目前 搜索 引擎 自身 技术 的 发 展 来 看 ， 
可 以 笼统 地 将 搜索 引擎 优化 分 为 站 内 搜索 引擎 优化 和 站 外 搜索 引擎 优化 两 部 分 。 


12.3.1 站 内 搜索 引擎 优化 


站 内 搜索 引擎 优化 ， 简 单 地 说 ， 就 是 在 网 站 内 部 进行 搜索 引擎 优化 。 

对 网 站 所 有 者 来 说 ， 站 内 搜索 引擎 优化 是 最 容易 控制 的 部 分 ， 因 为 网 站 是 自己 的 ， 可 以 
根据 自己 的 需求 ， 设 定 网 站 结构 ， 制 作 网 站 内 容 。 从 搜索 引擎 优化 的 整体 效果 来 看 ， 站 内 搜 
索引 擎 优化 很 重要 ， 但 也 很 繁杂 ， 很 多 细节 极 易 被 忽略 。 但 同时 ， 投 入 成 本 是 可 以 控制 的 。 

站 内 搜索 引擎 优化 大 体 上 分 为 以 下 几 个 部 分 : 

e ”关键 词 策 略 。 
域名 空间 优化 。 

网 站 结构 优化 。 
内 容 策略 。 

内 部 链接 策略 。 
页 面 代 码 优 化 。 


12.3.2 ”站 外 搜索 引擎 优化 


与 站 内 搜索 引擎 优化 相 比 ， 站 外 搜索 引擎 优化 相对 而 言 更 单一 ， 但 是 难度 更 大 ， 效 果 也 
更 直接 。 

站 外 搜索 引擎 优化 ， 也 可 以 说 是 脱离 站 点 自身 的 搜索 引擎 优化 技术 ， 它 源 自 外 部 站 点 对 
网 站 在 搜索 引擎 排名 上 的 影响 ， 这 些 外 部 因素 通常 是 超出 站 长 直接 控制 范围 的 。 
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最 有 用 、 功 能 最 强大 的 外 部 优化 因素 就 是 反 向 链接 ， 即 通常 所 说 的 外 部 链接 ， 如 图 12-8 
所 示 。 
指向 您 网 站 的 钳 接 


页 数 外 部 链 推 数 (36,580) 
hap /www EE Con 
news/article_405 html 
wenzhang/article_417 html 
cdric/article_619_28.html 
cdrfc/article_624_10 html 
wenzhang/article_165 html 
wenzhang/article_1846 html 


lss lisls ls bsll 


12-8 ”网 站 的 外 部 链接 


互联 网 的 本 质 特征 之 一 是 链接 ， 毫 无 疑问 ， 外 部 链接 对 于 一 个 站 点 的 抓 取 、 收 录 、 排 名 
都 起 到 非常 重要 的 作用 。 


12.4 搜索 引擎 优化 的 误区 


搜索 引擎 优化 从 本 质 上 说 ， 是 一 种 提高 网 站 自身 质量 ， 提 升 内 容 含金量 的 技术 ， 但 是 
由 于 受到 的 关注 比较 多 ， 人 气 比较 热 ， 网 络 上 的 论点 也 比较 繁杂 ， 所 以 导致 很 多 想 学习 搜 索 
引擎 优化 的 新 手 进入 误区 。 


12.4.1 为 了 搜索 引擎 而 优化 


搜索 引擎 优化 很 多 时 候 只 是 一 种 手段 、 一 种 策略 ， 它 的 目标 表面 上 看 是 搜索 引擎 排名 ， 
但 实际 上 ， 最 终 还 是 要 由 访客 来 判断 是 否 是 自己 的 需求 。 

有 一 些 SEO 新 手 ， 抱 着 “我 就 是 为 了 搜索 引擎 而 进行 的 优化 ”的 态度 ， 他 们 不 站 在 来 访 
用 户 的 角度 看 问题 ， 不 考虑 来 访 者 的 阅读 体验 、 浏 览 习 惯 ,采用 了 很 多 “貌似 ”有 利于 搜索 
引擎 的 技术 ， 单 纯 地 为 了 搜索 引擎 而 进行 优化 ， 这 种 没有 把 握 本 质 的 做 法 ， 是 走 不 远 的 。 
“为 了 优化 而 优化 ”的 例子 很 多 ， 比 如 ， 时 下 火热 的 “ 伪 原 创 ” 就 是 很 好 的 例子 ， 搜索 
引擎 已 经 越 来 越 重 视 原创 的 内 容 ， 但 是 ， 很 多 网 站 的 站 长 并 没有 能 力 、 精 力 、 时 间 去 为 自己 
的 网 站 原创 一 些 内 容 ， 所 以 就 采用 伪 原 创 程序 ， 为 自己 的 网 站 制作 可 以 欺骗 搜索 引擎 的 伪 原 
创 内 容 。 
所 谓 “ 伪 原创 ”， 就 是 把 一 篇 文章 用 程序 进行 再 加 工 ， 使 其 让 搜索 引擎 认为 是 一 篇 原创 
文章 ， 从 而 提高 网 站 的 权重 。 这 些 伪 原 创 工具 ， 通 常 通过 非常 生硬 的 词语 蔡 换 、 段 落 调整 、 
语句 顺序 变换 等 方式 ， 将 一 篇 文章 改 得 面目 全 非 。 这 样 的 文章 ， 从 某 种 意义 上 说 ， 的 确 是 原 
创 的 ， 但 却 是 任何 活生生 的 人 都 读 不 明白 的 拼凑 产品 ， 这 样 的 文章 对 一 个 营销 网 站 而 言 ， 除 
了 遭 人 厌烦 ， 没 有 什么 别 的 意义 。 


12.4.2 ”听信 虚假 广告 


在 百度 和 Google 网 站 上 ， 可 以 找到 官方 给 出 的 搜索 引擎 优化 、 网 站 建设 建议 ， 应 记 住 的 
一 点 是 : 不 要 听信 那些 虚假 的 搜索 引擎 优化 广告 。 
在 百度 官方 的 站 长 问题 解答 中 ， 关 于 防止 SEO 虚假 广告 ， 有 这 样 的 内 容 : 
不 要 因为 SEO 以 下 的 说 法 ， 而 冒险 地 将 自己 的 网 站 托付 给 他 们 随意 处 置 : 
A. 我 和 百度 的 人 很 热 ， 想 怎么 干 就 怎么 干 ， 没 风险 。 
B. 我 是 搜索 引擎 专家 ， 对 百度 的 算法 一 清二 楚 ， 玩 玩 火 也 不 要 紧 。 
C. 我 把 xxx、yyyY、zzz 这 些 关键 词 都 搞 到 第 一 了 ， 所 以 我 是 牛人 啊 。 
上 述 内 容 可 以 从 http://www.baidu.com/search/guide.html#2 查 到 ， 如 图 12-9 所 示 。 
4. 我 请 一 些 “SE0” 来 为 我 的 网 站 或 者 网 页 做 优 化 ， 会 有 什么 后 果 ? 
答 ， 合理 的 搜索 引擎 优化 ， 参 见 百 度 的 “给 站 长 的 建站 建议 ”。 
外 界 很 多 打 荐 SEo 访 号 的 公司 或 者 个 人 ， 也 许 能 为 您 的 网 站 带 来 短期 的 排序 收益 ， 但 和 
法 来 提高 排名 ， 甚 至 会 利用 您 的 资源 进行 他 们 个 人 的 运营 项 目 ， 最 终 导致 您 的 利益 受 损 。 
不 要 因为 S80 们 以 下 的 说 法 ， 而 慎 队 将 自己 的 网 站 托付 给 他 们 随意 处 四 
.我 和 百度 的 人 很 熟 ， 想 怎么 干 就 怎么 干 ， 没 风险 
5 我 是 搜索 引擎 专家 ， 对 百度 的 算法 一 清二 楚 ， 玩 玩 火 也 不 要 紧 
C， 我 把 xxx、yyy、zzz 这 些 关 键 词 都 搞 到 第 一 了 ， 所 以 我 是 牛人 啊 


图 12-9 百度 站 长 问题 解答 


在 Google 官方 的 网 站 的 管理 员 指南 中 ， 同 样 可 以 看 到 类 似 的 关于 防止 虚假 SEO 广告 的 
内 容 : 
没有 人 可 以 保证 在 Google 中 排名 第 一 。 
如 果 SEO 宣称 可 以 确保 您 名 列 前 茅 ， 或 声称 与 Google 有 特殊 关系 ， 可 以 优先 向 Google 
提交 您 的 网 站 ， 千 万 不 要 相信 。Google 从 来 都 没有 优先 提交 一 说 。 实 际 上 ， 向 Google 直接 提 
交 网 站 的 唯一 方式 ， 就 是 通过 我 们 的 添加 网 址 页 或 提交 Sitemap。 您 可 以 自己 完成 这 些 工作 ， 
无 须 支付 任何 费用 。 

上 述 内 容 可 以 在 如 下 网 址 看 到 : 


http://www.Google.com/support/webmasters/bin/answer.py?hl=cn&answer=35291 


除 上 面 的 这 一 点 ，Google 关于 防止 虚假 SEO 广告 的 建议 还 有 很 多 。 

目前 ， 在 中 国 ， 有 很 多 从 事 搜 索引 擎 优化 的 公司 ， 这 些 公司 良 劳 不 齐 ， 有 的 拥有 非常 优 
秀 的 专业 SEO 团队 ， 也 有 无 数 号 称 “给 多 少 钱 就 可 以 排 在 某 某 搜索 引擎 第 一 位 、 第 一 页 ”的 
皮包 公司 。 作 为 网 站 站 长 、 公 司 负责 人 ， 最 明智 的 做 法 ， 就 是 不 要 听信 这 些 虚假 广告 ， 对 搜 
索引 擎 优化 有 个 正确 的 认识 ， 在 这 个 路 上 没有 捷径 。 


12.4.3 急于 求 成 


搜索 引擎 优化 是 一 个 比较 缓慢 、 需 要 坚持 不 懈 的 行为 ， 一 般 从 建站 到 收录 可 能 在 一 个 月 
左右 ， 对 于 一 个 不 出 名 、 权 重 不 高 的 站 点 ， 搜 索引 擎 不 会 每 天 都 光顾 ， 腾 想 十 天 半月 就 能 通 
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过 搜索 引擎 优化 排 到 某 个 热门 搜索 词 的 第 一 位 ， 是 不 切合 实际 的 。 如 果 要 对 自己 的 网 站 进行 
优化 ， 应 做 好 思想 准备 ， 往 往 花 了 两 三 个 月 才 把 一 个 词 排 到 首页 ， 可 能 第 二 天 它 又 名 落 孙 
山 ， 跌 到 首页 之 外 。 因 为 搜索 引擎 有 非常 多 的 排名 算法 ， 这 些 算法 都 是 商业 机 密 ， 以 前 不 会 
彻底 公布 ， 以 后 也 不 会 公开 。 而 且 这 些 排名 算法 还 在 不 断 变化 中 ， 对 于 热门 关键 词 又 有 很 多 
公司 在 进行 着 不 懈 的 优化 ， 不 改进 就 倒退 ， 这 是 必然 的 。 所 以 ， 用 急于 求 成 的 心态 去 面 对 搜 
索引 擎 优化 是 不 可 取 的 。 
对 那些 有 足够 的 资金 预算 ， 并 且 准 备 利用 搜索 引擎 做 营销 的 网 络 营销 者 (公司 ) 来 说 ， 最 好 
的 方法 是 直接 做 付费 的 搜索 引擎 广告 ， 这 样 ， 即 使 是 一 个 今天 刚刚 推出 的 网 站 ， 明 天 就 可 以 
出 现在 某 些 搜索 词 结果 的 第 一 位 。 当 然 ， 是 直接 采用 搜索 引擎 官方 的 广告 合作 方式 ， 而 不 是 
NN 找 一 个 中 介 公 司 去 做 这 些 事情 。 比 如 ， 可 以 直接 参与 Google 的 AdWords 或 者 参与 百度 推 
| 


广 ， 如 图 12-10 和 12-11 所 示 。 


次 迎 使 用 AdWords1 了 解 详情 
A Ow 
制作 首 个 广告 系列 或 者 导入 一 人 广告 让 和光 ee 
herd 加 有 
。 如 何 寺 择 每 交点 者 民用 的 最 克 出 人 
人 ax 。 加 何 丢 持 关机 字 ? 
。 加 何 村 蕊 有 材 对 性 的 广告 六 字 ?7 
rs 全 六 EE 
Qh . 


ee T0000 
es. Tt 


适用 于 有 经 驻 的 广告 客户 Te 
由 相关 最 信人 法 及 AdWords 新 产品 评 人 六 于 的 AdWords 亲近。 


图 12-10 Google 的 AdWords 


00 
Bai 宫 推广 Dr 舍 太 泊 全 -加 本寺 和 由 窜 记 攻 好 


了 解 更 j 纲 住 向 ， 请 台电 : 


或 在 并 注册 名 下 相关 信息 : 
社 准 展现 企业 推广 信息 


对 客户 主动 大 上 列 s Bg ee 


全 后 服务 : 4008900088 ask@batu.com 


"a 度 搜索 让 人 万 吾 座 用 户 浅 到 您 的 网 站 , 为 党 来 。 ”更 多 推广 服务 > 
十 人 厂 百度 搜索 推广 更 多 的 合作 伙 网 归 交 -、 人才 起 癌 、 品 8 考区、 图 片 扩 


12-11 ”百度 推广 


对 于 普通 的 网 站 站 长 而 言 ， 在 没有 太 多 预算 的 情况 下 ， 通 过 自己 的 双手 进行 合理 的 搜索 
引擎 优化 ， 是 最 方便 ， 也 是 最 好 的 推广 手段 一 一 在 学 习 了 搜索 引擎 优化 思想 后 ， 会 发 现 即使 
花费 较 少 的 投入 ， 也 可 以 获得 很 好 的 优化 效果 。 
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12.4.4 采用 黑 帽 手法 


黑 帽 手法 是 指使 用 作弊 手段 或 一 些 可 疑 手 段 进 行 搜索 引擎 优化 ， 相 应 SEO 也 被 分 为 黑 帆 
SEO 和 白 帽 SEO 两 种 。 

黑 帽 SEO 的 存在 也 是 迎合 了 部 分 网 站 所 有 者 “ 低 投入 、 高 回报 ”的 心理 需求 ， 有 些 SEO 
从 业者 为 短期 利益 ， 而 采用 作 油 方法 影响 搜索 引擎 的 排名 结果 ， 但 随时 会 因为 搜索 引擎 算法 
的 改变 、 搜 索引 擎 发 现 作 准 手法 而 面临 惩罚 ， 对 于 网 站 所 有 者 来 说 ， 是 得 不 偿 失 的 。 

搜索 引擎 最 大 的 机 密 在 于 排名 算法 ， 而 这 些 算法 不 可 能 是 绝对 完美 的 ， 很 可 能 在 偶然 的 
情况 下 被 人 发 现 缺陷 。 利 用 搜索 引擎 算法 的 缺陷 ， 就 可 能 在 短期 内 获得 非常 好 的 排名 一 一 但 
这 绝对 不 会 长 久 的 ， 而 且 黑 帽 SEO 带 来 的 恶果 也 同样 会 让 人 胆 导 。 

常见 的 黑 帽 SEO 手法 有 隐藏 网 页 、 关 键 词 堆砌 、 垃 圾 链接 、 桥 页 、 群 发 链接 等 。 如 下 代 
码 通过 隐藏 链接 进行 了 作弊: 

<div class="show mt8"> 

<div class="xxccvv" id="XXCCVV"> 

<script>document .write('<style> .Fgb798 

{ display:none; }</style>')</script> 

<p><a href='http://www.xxx.com/gznz/' target=' blank’ 

style='color:#000000'> 肛 周 脓肿 </a> 通 常 是 由 于 不 合理 的 生活 习惯 造成 的 。 

<a href='http://www.xxx.com/gznz/' target=' blank' style="'color:#000000'> 肛 


周 脓肿 </a> 的 临床 表现 是 什么 ?这 是 大 家 比较 关注 的 问题 ， 了 解 
<a href='http://www.xxx.com/gznz/' target=' blank' style='color:#000000'> 肛 


周 脓肿 </a> 的 临床 表现 可 以 进行 自我 诊断 ， 及 早 到 正规 医院 进行 治疗 。<div class='Fgb798'> 

<a href="http://www.xxx.com/glu/"> 肛 瘘 </a></div></p> 

<p>gnbsp; 

<div class='Fgb798'><a href="http://www.jngcyy.com/glu/"> 肛 瘘 </a></div></p> 

</div> 

针对 搜索 引擎 优化 作弊 ， 每 个 搜索 引擎 都 有 一 套 自己 的 发 现 、 惩 罚 机 制 ， 也 提倡 所 有 搜 
索引 擎 使 用 者 举报 作 炊 站 点 。 

干 万 不 要 以 为 搜索 引擎 不 会 发 现 作 浆 方法 ， 在 过 去 的 无 数 黑 帽 SEO 例子 中 ， 搜 索引 擎 的 
反应 速度 都 是 极为 快速 的 。 

一 旦 被 搜索 引擎 确定 为 作弊 ， 搜 索引 擎 可 能 对 相关 的 网 站 进行 降 权 处 理 ， 或 者 采取 删除 
收录 、 以 后 不 再 收录 等 惩罚 措施 。 所 以 ， 对 一 个 想 要 长 期 、 稳 定 地 进行 运营 的 网 站 而 言 ， 这 
样 的 结果 无 疑 是 不 能 承受 的 。 

白 帽 SEO 是 通过 正常 的 手段 对 网 站 内 部 (包括 网 站 标题 、 网 站 结构 、 网 站 代码 、 网 站 内 
容 、 关 键 字 密 度 等 ) 调 整 、 网 站 外 部 链接 建设 ， 来 提高 网 站 关键 字 在 搜索 引擎 中 排名 的 一 种 
SEO 技术 。 

白 帽 SEO 是 一 种 公正 的 手法 ， 是 使 用 符合 主流 搜索 引擎 政策 规定 的 SEO 优化 方法 。 它 
是 与 黑 帽 SEO 相反 的 。 白 帽 SEO 一 直 被 业内 认为 是 最 佳 的 SEO 手法 ， 它 是 在 避免 一 切 风 险 
的 情况 下 进行 操作 的 ， 同 时 ， 也 避免 了 与 搜索 引擎 政策 发 生 任何 冲突 ， 它 也 是 SEO 从 业者 的 
最 高 职业 道德 标准 。 
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12.5 ”正确 理解 SEO 


搜索 引擎 优化 之 所 以 在 目前 的 网 络 上 如 此 火热 ， 原 因 之 一 是 搜索 引擎 公司 对 网 民 的 引 
导 。 另 外 ， 非 常 重要 的 一 方面 在 于 ， 任 何 网 络 营销 者 、 网 站 站 长 都 可 以 参与 到 搜索 引擎 优化 
中 ， 并 通过 自己 的 优化 ， 提 升 营销 业绩 ， 推 广 网 站 品牌 。 相 比 搜索 引擎 广告 投入 而 言 ， 这 种 
投入 产 出 是 很 吸引 人 的 。 


12.5.1 SEO 不 是 作 咀 


SEO 给 人 的 第 一 印象 就 是 网 上 大 量 的 广告 链接 ， 以 及 留言 板 里 让 人 生 厌 的 广告 垃圾 ， 大 
家 都 认为 这 是 SEO 干 的 ， 就 连 一 些 从 事 互 联网 行业 的 人 也 持 有 这 样 的 观点 。 这 就 是 早期 SEO 
作 浆 泛滥 给 人们 造成 的 不 好 印象 。 

真正 的 SEO 不 是 作弊 ， 而 是 受 搜索 引擎 欢迎 的 ， 是 搜索 引擎 的 朋友 。 一 个 高 质量 的 稿件 
被 正确 推荐 出 来 ， 也 正 是 搜索 引擎 想 要 实现 的 目的 。 

所 以 关键 在 于 我 们 优化 的 内 容 是 否 恰如其分 地 体现 了 稿件 的 价值 。 

值得 一 提 的 是 ，Google 公司 已 有 很 多 员工 在 博客 、 论 坛 中 很 活跃 ， 发 布 信息 、 回 答 问 
题 ， 积 极 参与 搜索 引擎 营销 行业 大 会 ， 以 某 种 形式 指导 站 长 做 SEO。 百 度 公司 也 于 2010 年 4 
月 开通 了 半 官 方 的 百度 站 长 俱乐部 ， 针 对 SEO 有 关 问 题 做 出 了 回答 。 


12.5.2 ”SEO 内 容 为 王 


SEO 以 内 容 为 基础 ， 无 论 你 怎样 优化 提升 排名 ， 如 果 你 的 内 容 与 你 的 关键 词 没有 很 强 的 
关联 ， 对 促进 业务 的 转化 是 没有 任何 益处 的 ， 反 而 浪费 你 宝贵 的 带宽 和 流量 资源 ， 只 有 你 有 
优秀 的 内 容 ， 再 加 上 恰如其分 地 优化 处 理 ， 才 能 被 来 访 者 使 用 。 


12.5.3 SEO 与 SEM 的 关系 


SEM(Search Engine Marketing) 的 中 文 意思 是 “搜索 引擎 营销 ”。SEO 现在 已 经 不 仅仅 是 
一 种 网 站 优化 的 技术 了 ， 而 演进 成 一 种 网 络 营销 方式 ， 所 以 可 以 这 样 说 ，SEM=SEO+PPC 类 
付费 推广 ，SEO 和 PPC( 点 击 付费 广告 ) 在 一 个 网 站 互相 配合 ， 共 同 为 这 个 平台 获得 的 收益 服 
务 。 所 以 很 多 资源 都 可 以 共享 ， 如 关键 词 库 等 。 

SEO 和 PPC 的 目的 都 一 样 ， 只 是 一 个 投入 技术 资源 ， 一 个 投入 钱 。 这 样 看 来 ，SEO 适合 
那些 资金 不 宽裕 的 小 公司 ， 而 SEM 适合 资金 充裕 、 有 一 定 实力 的 公司 。 


12.5.4 SEO 与 竞价 推广 的 关系 


前 面 已 经 介绍 了 SEO 与 SEM 的 区 别 ， 竞 价 推广 也 是 SEM 付费 营销 的 一 个 方法 ， 实 施 效 
果 明 显 、 快 捷 ， 与 SEO 也 是 相互 协同 的 关系 ， 共 同 为 网 站 营 收服 务 。 
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“ 酒 好 也 怕 巷 子 深 ”。 一 个 设计 得 再 好 的 网 站 ， 如 果 埋 没 在 互联 网 中 ， 
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不 进行 任何 宣传 ， 要 想 被 人 发 现 也 是 非常 困难 的 。 本 章 主 要 介绍 网 络 


用 方法 和 技巧 ， 为 网 站 脱颖而出 、 创 造价 值 做 好 准备 。 
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13.1 网 站 推广 的 常用 方法 


很 多 网 站 制作 者 花费 了 很 多 时 间 和 精力 去 制作 网 站 ， 结 果 网 站 发 布 之 后 ， 每 天 的 访客 没 
有 几 个 ， 根 本 带 不 来 商业 机 会 。 究 其 原因 ， 就 是 因为 没有 做 好 宣传 推广 。 在 当今 互联 网 信息 
爆炸 的 时 代 ， 宣 传 推广 对 网 站 是 否 能 运作 下 去 是 至 关 重 要 的 。 


13.1.1 什么 是 网 站 推广 


网 站 推广 即 是 网 络 推 广 ， 就 是 在 网 上 把 自己 的 产品 利用 各 种 手段 、 各 种 媒介 推广 出 去 ， 
使 自己 的 企业 能 获得 更 多 、 更 大 的 利益 。 


13.1.2 ”网 站 营销 推广 的 方法 


1， 搜索 引擎 营销 


搜索 引擎 营销 包括 两 个 方面 ， 一 是 付费 搜索 引擎 广告 ， 二 是 免费 搜索 引擎 优化 。 

搜索 引擎 优化 是 近年 来 较为 流行 的 网 络 营销 方式 ， 主 要 目的 是 在 搜索 引擎 中 增加 特定 关 
键 字 的 曝光 率 ， 以 增加 网 站 的 能 见 度 ， 进 而 增加 销售 的 机 会 。 

一 般 情况 下 ，SEO 分 为 站 外 SEO 和 站 内 SEO 两 种 。SEO 的 主要 工作 是 通过 了 解 各 类 搜 
索引 擎 如 何 抓 取 互联 网 页 面 、 如 何 进 行 索引 ， 以 及 如 何 确定 其 对 某 一 特定 关键 词 的 搜索 结果 
排名 等 技术 ， 来 对 网 页 进行 相关 的 优化 ， 以 便 提高 搜索 引擎 排名 ， 从 而 提高 网 站 访问 量 ， 最 
终 提升 网 站 的 销售 能 力 或 宣传 能 力 。 

搜索 引擎 营销 (Search Engine Marketing，SEM)， 是 一 种 网 络 营销 的 模式 ， 目 的 在 于 推广 
网 站 ， 增 加 知名 度 ， 通 过 搜索 引擎 返回 的 排名 结果 来 获得 更 好 的 销售 或 者 推广 渠道 。 

简单 地 说 ， 搜 索引 擎 营销 就 是 基于 搜索 引擎 平台 的 网 络 营 销 ， 利 用 网 民 对 搜索 引擎 的 依 
赖 和 使 用 习惯 ， 在 检索 信息 时 ， 尽 可 能 地 将 营销 信息 传递 给 目标 客户 ， 如 图 13-1 所 示 。 
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图 13-1 百度 搜索 引擎 的 搜索 结果 
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2. 网 站 广告 

在 网 站 上 做 Banner、Flash 广告 推广 ， 是 一 种 传统 的 网 络 推广 方式 。 此 类 广告 ， 宣 传 目标 
人 群 面 比较 广 ， 不 像 搜 索 竞价 那样 能 锁定 潜在 目标 客户 群 。 目 前 ， 网 站 广告 是 国内 新 浪 、 搜 
狐 、 网 易 等 门户 网 站 的 主要 赢利 方式 和 网 络 营销 方式 之 一 。 

如 图 13-2 所 示 为 搜狐 网 站 的 广告 。 
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图 13-2 ”搜狐 网 站 的 广告 
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3.， 网络 新 闻 


网 络 新 闻 突破 了 传统 新 闻 的 传播 概念 ， 在 视 、 听 、 感 方面 给 受众 带 来 了 全 新 的 体验 。 它 
将 无 序 化 的 新 闻 进 行 了 有 序 的 整合 ， 并 且 大 大 压缩 了 信息 的 厚度 ， 让 人 们 在 最 短 的 时 间 内 获 
得 了 最 有 效 的 新 闻 信 息 。 

不 仅 如 此 ， 未 来 的 网 络 新 闻 将 不 再 受 传统 新 闻 发 布 者 的 限制 ， 受 众 可 以 发 布 自己 的 新 
闻 ， 并 在 短 时 间 内 获得 更 快 的 传播 ， 而 且 新 闻 将 成 为 人 们 互动 交流 的 平台 。 网 络 新 闻 将 随 着 
人 们 认识 的 提高 ， 向 着 更 深 的 层次 发 展 ， 这 将 完全 颠覆 网 络 新 闻 的 传统 概念 。 

最 成 功 的 案例 之 一 ， 是 “封杀 王老吉 ”的 网 络 新 闻 了 ， 如 图 13-3 所 示 。 
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2008 年 5 月 18 日 晚 ， 央视 举办 了 “ 爱 的 奉献 一 一 2008 抗震 救灾 募捐 晚会 ”， 王 老 吉 向 
地 震 灾区 捐款 1 亿 元 人 民 币 ， 创 下 国内 最 高 单 笔 捐款 额度 。 王 老 吉 相关 负责 人 表示 ，“ 此 时 
此 刻 ， 加 多 宝 集团 、 王 老 吉 的 每 一 名 员工 和 我 一 样 ， 虔 诚 地 为 灾区 人 民 祈 福 ， 和 希望 他 们 能 
日 离 苦 得 乐 ”。 

此 后 ， 关 于 “王老吉 捐款 1 亿 元 ”的 新 闻 迅 速 出 现在 各 大 网 站 ， 成 为 人 们 关注 的 焦点 。 
在 各 大 论坛 上 也 遍布 “让 王老吉 从 中 国 的 货架 上 消失 ! 封杀 他 ! ”为 标题 的 帖子 。 

“王老吉 ， 你 够 狠 ”， 网 友 称 ， 生 产 饶 装 王老吉 的 加 多 宝 公司 向 地 震 灾区 捐款 1 亿 元 ， 
这 是 迄今 国内 民营 企业 单 笔 捐 款 的 最 高 纪录 ，“ 为 了 “整治 ”这 个 器 张 的 企业 ， 买 光 超 市 的 
王老吉 ! 上 一 铅 买 一 饮 ! ”虽然 标题 打 着 醒目 的 “封杀 ”招牌 ， 但 读 过 帖子 的 网 友 都 能 明 
白 ， 这 并 不 是 真正 的 封杀 ， 而 是 “号 召 大 家 去 买 ， 去 支持 ”。 甚 至 有 网 友 声 称 “ 要 买 得 王 老 
吉 在 市 场 脱销 ， 加 班 加 点 生产 都 不 够 供应 ”。 


4. 微 博 推广 
微 博 营 销 是 刚刚 推出 的 一 个 网 络 营销 方式 ， 随 着 微 博 逐渐 变 得 火热 ， 也 催生 了 有 关 的 营 
销 方式 ， 就 是 微 博 营销 ， 如 图 13-4 所 示 。 
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图 13-4 微 博 营销 案例 

通过 微 博 营销 ，《 失 恋 33 天 》 电 影 大 获 成 功 。 

但 由 于 微 博 刚刚 兴起 不 久 ， 很 多 营销 技巧 还 没有 被 验证 ， 所 以 造成 很 多 人 走 入 微 博 营销 
的 误区 ， 不 但 没有 获得 好 的 营销 效果 ， 还 往往 适得其反 。 

5， 论 坛 推广 

“论坛 推广 ”有 时 也 被 称 为 “论坛 营销 ”， 它 是 一 种 网 络 营销 的 策略 。 实 质 就 是 网 络 营 
销 者 利用 论坛 这 种 网 络 交流 的 平台 ， 通 过 文字 、 图 片 、 视 频 等 方式 发 布 产 品 和 服务 的 信息 
从 而 让 目标 客户 更 加 深刻 地 了 解 产品 和 服务 ， 达 到 宣传 产品 品牌 、 加 深 市 场 认 知 度 的 目的 。 

简 而 言 之 ， 论 坛 营销 就 是 在 论坛 上 发 布 文章 ， 并 用 讨论 、 跟 帖 的 方式 进行 用 户 引 导 ， 这 
些 发 布 的 文章 、 讨 论 的 文字 都 是 经 过 精心 策划 的 ， 具 有 引导 用 户 行为 、 推 广 产品 的 作用 ， 最 
后 的 目的 是 希望 用 户 去 了 解 产 品 、 购 买 服务 ， 如 图 13-5 所 示 。 
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图 13-5 论坛 推广 案例 
安 琪 酵母 公司 通过 策划 “一 个 馒头 引发 的 婆媳 大 战 ” 事 件 ， 利 用 网 友 的 争论 以 及 企业 有 
意识 的 引导 ， 把 产品 的 特性 和 功能 诉求 详细 地 告知 潜在 的 消费 者 ， 激 发 他 们 关注 和 购买 。 
当然 ， 还 有 很 多 其 他 推广 方法 ， 这 里 不 一 一 列举 了 ， 下 面 我 们 着 重 介绍 搜索 引擎 优化 、 
网 络 新 闻 、 微 博 推广 、 论 坛 推 广 方法 的 作用 和 技巧 。 


13.1.3 ”搜索 引擎 优化 的 优势 

为 什么 搜索 引擎 营销 在 网 络 营 销 中 可 以 取得 很 优秀 的 成 绩 呢 ? 这 要 从 搜索 引擎 营销 的 优 
势 说 起 。 

1. 潜在 客户 都 在 使 用 搜索 引擎 


搜索 引擎 营销 SEM 获得 成 功 的 最 根本 原因 之 一 ， 是 潜在 客户 (搜索 者 ) 会 购买 产品 。33% 
的 搜索 者 在 进行 购物 ， 并 且 44% 的 网 民利 用 搜索 站 点 来 为 购物 做 调查 。 根 据 2015 年 ， 中 国 互 
联网 络 信息 中 心 (CNNIC) 发 布 的 《中 国 搜索 引擎 用 户 行为 研究 报告 》 显 示 ， 中 国 搜索 引擎 用 
户 规模 达 5.36 亿 ， 搜 索引 擎 在 网 民 中 的 使 用 率 达到 80.3%。 这 是 一 个 巨大 的 市 场 ， 谁 能 在 这 
场 营销 中 占 得 先 机 ， 谁 就 能 获得 成 功 。 

2. 搜索 引擎 营销 SEM 的 成 本 低 、 效 率 高 

在 国内 ， 企 业 为 付费 搜索 产生 的 每 次 点 击 付出 约 为 1 元 ， 并 且 成 本 可 控 ， 随 时 可 以 取消 
竞价 ， 相 比 其 他 传统 媒体 动力 数 以 万 计 的 投资 ， 搜 索引 擎 营销 的 投入 成 本 和 转化 率 在 各 种 广 
告 形式 中 都 处 于 比较 靠 前 的 优秀 位 置 。 

目前 ， 在 所 有 营销 手段 中 ， 搜 索引 擎 营销 产生 的 每 个 有 效 反 馈 的 成 本 是 最 低 的 。 

3. 搜索 引擎 营销 是 一 种 趋势 

互联 网 堪 称 是 20 世纪 以 来 影响 整个 世界 的 最 伟大 发 明 。 在 互联 网 的 带动 下 ， 人 们 一 下 子 
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进入 了 一 个 皆 新 的 信息 爆炸 时 代 ， 各 种 各 样 的 知识 和 信息 层出不穷 ， 令 人 眼花 练 乱 。 面 对 浩 
瀚 的 信息 海洋 ， 人 类 所 面临 的 最 大 困扰 是 :如 何在 尽 可 能 短 的 时 间 里 ， 找 到 最 想 要 的 东西 ? 

搜索 引擎 技术 的 出 现 和 发 展 ， 让 这 一 切 变 得 简单 。 

借助 于 搜索 引擎 ， 知 识 的 获取 过 程 变 得 容易 起 来 ， 每 个 人 都 可 以 轻而易举 地 在 互联 网 上 
找到 自己 所 求 ， 这 些 知识 涉及 社会 和 自然 科学 的 方方面面 。 可 以 说 ， 搜 索引 擎 的 问世 ， 拉 近 
了 各 种 地 域 、 阶 层 和 职业 的 人 们 与 信息 之 间 的 距离 ， 在 消除 信息 鸿沟 和 加 速 知识 进化 过 程 中 
发 挥 着 越 来 越 重 要 的 作用 ; 可 以 肯定 地 说 ， 搜 索引 擎 将 成 为 社会 和 自然 科学 研究 的 重要 平 
台 ， 在 推进 传统 经 济 向 数字 化 经 济 迈 进 的 过 程 中 ， 贡 献 出 了 巨大 的 力量 。 


NN 13.2 ”如 何 进行 搜索 引擎 营 销 


因为 搜索 引擎 营销 分 为 免费 的 搜索 引擎 优化 和 付费 的 搜索 广告 ， 所 以 对 网 络 营销 者 而 
言 ， 进 行 搜索 引擎 营销 也 有 三 种 选择 : 

e@ 有 SEO 技术 的 ， 可 以 免费 进行 搜索 引擎 优化 ， 获 得 搜索 引擎 营销 的 助力 。 

e@ “有 资金 预算 的 ， 可 以 参与 付费 的 搜索 引擎 广告 SEM。 

@ “有 技术 又 有 一 定 资金 的 ， 可 以 采取 SEO 和 SEM 同步 进行 。 

下 面 来 说 明 如 何 对 网 站 进行 搜索 引擎 的 优化 。 


13.2.1 搜索 引擎 优化 的 常规 方法 


搜索 引擎 优化 (SEO) 既 是 一 项 技术 性 较 强 的 工作 ， 也 是 一 项 与 产品 特点 息息相关 ， 需 要 经 
常 分 析 和 寻求 外 部 合作 的 工作 。 

实践 证 明 ， 搜 索引 擎 优化 不 仅 能 让 网 站 在 搜索 引擎 上 有 良好 的 排名 表现 ， 而 且 能 让 整个 
网 站 看 上 去 轻松 明快 ， 页 面 高 效 简洁 ， 目 标 客户 能 够 直 奔 主题 ， 使 网 站 更 容易 发 挥 沟 通 企业 
与 客户 的 最 佳 效果 。 

搜索 引擎 优化 从 总 体 技术 而 言 ， 可 以 分 为 两 个 方面 来 进行 ， 分 别 是 站 内 搜索 引擎 优化 和 
站 外 搜索 引擎 优化 。 


1， 站 内 搜索 引擎 优化 


站 内 搜索 引擎 优化 ， 简 单 地 说 ， 就 是 在 网 站 内 部 进行 搜索 引擎 优化 。 

对 网 站 所 有 者 来 说 ， 站 内 搜索 引擎 优化 是 最 容易 控制 的 部 分 ， 因 为 网 站 是 自己 的 ， 可 以 
根据 自己 的 需求 ， 设 定 网 站 结构 ， 制 作 网 站 内 容 。 

从 搜索 引擎 优化 的 整体 效果 来 看 ， 站 内 SEO 很 重要 ， 并 且 投入 成 本 也 可 以 控制 ， 但 是 知 
识 点 比较 繁多 ， 很 多 细节 比较 容易 被 忽略 。 

站 内 搜索 引擎 优化 大 体 上 可 分 为 以 下 几 个 部 分 。 

(1) 关键 词 策略 

我 们 知道 ， 在 搜索 引擎 中 检索 信息 都 是 通过 输入 查找 内 容 的 关键 词 或 句子 ， 然 后 由 搜索 
引擎 进行 分 词 并 在 索引 库 中 查找 来 实现 的 。 因 此 ， 关 键 词 在 搜索 引擎 中 的 位 置 至 关 重 要 : 它 
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是 整个 搜索 过 程 中 最 基本 ， 也 是 最 重要 的 一 步 ， 是 搜索 引擎 优化 中 进行 网 站 优化 、 网 页 优化 
的 基础 。 这 样 的 定位 描述 凸显 了 关键 词 的 作用 。 

关键 词 的 确定 应 考虑 以 下 几 个 因素 : 内 容 相 关 、 主 关键 词 不 可 太 宽泛 、 主 关键 词 不 要 太 
特殊 、 站 在 访客 角度 思考 、 选 择 竞争 度 小 、 搜 索 次 数 多 的 关键 词 。 

(2) 域名 优化 

域名 在 网 站 建设 中 拥有 很 重要 的 作用 ， 它 是 联系 企业 与 网 络 客户 的 纽带 ， 就 好 比 一 个 品 
牌 、 商 标 一 样 ， 拥 有 重要 的 识别 作用 ， 是 站 点 与 网 民 沟 通 的 直接 渠道 。 所 以 ， 一 个 优秀 的 域 
名 应 该 能 让 访问 者 轻松 地 记忆 ， 并 且 快速 地 输入 。 一 个 优秀 的 域名 能 让 搜索 引擎 更 容易 给 予 
权重 评级 ， 并 连带 着 提升 相关 内 容 关键 词 的 排名 。 所 以 说 ， 选 了 一 个 好 域名 ， 能 让 企业 在 建 
站 之 初 就 抢占 先 机 。 选 择 域名 应 选择 易 记 忆 、 有 内 涵 、 易 输入 的 域名 。 

(3) 主机 优化 

主机 优化 是 网 站 建立 时 必需 的 一 个 环节 。 特 别 是 虚拟 主机 ， 更 需要 进行 优化 。 

通常 ， 我 们 选择 主机 时 要 考虑 以 下 几 点 因素 : 安全 稳定 性 、 连 接 数 、 备 份 机 制 、 自 定义 
404 页 面 、 服 务 。 

(4) 网 站 结构 优化 

网 站 结构 是 SEO 的 基础 。SEO 人 员 对 页 面 问题 常常 讨论 得 比较 多 ， 比 如 页 面 关 键 词 分 布 
等 ， 而 对 网 站 结构 讨论 得 比较 少 ， 其 实 ， 网 站 结构 的 优化 比 页 面 优化 更 重要 ， 也 更 为 复杂 。 
另 一 个 原因 是 SEO 人 员 对 网 站 程序 代码 熟悉 不 多 ， 没 法 深层 次 地 优化 调整 。 

在 网 站 结构 优化 过 程 中 ， 我 们 应 该 注意 以 下 几 点 : 用 户 体验 提升 、 权 重 分 配 、 锚 文字 优 
化 、 网 站 物理 结构 优化 、 内 部 链接 优化 。 

(5) 内 容 策略 

如 果 你 的 网 站 上 提供 的 内 容 与 别 的 站 点 上 的 一 模 一 样 ， 没 有 丝毫 新 意 ， 甚 至 是 抄袭 的 
这 样 的 内 容 无 疑 很 难 留 住 有 需求 的 潜在 客户 一 一 要 知道 ， 网 络 的 开放 性 决定 了 任何 客户 都 可 
以 极为 方便 地 进行 各 种 信息 比较 ， 没 有 价值 的 复制 内 容 ， 很 难 让 客户 产生 信任 并 继续 浏览 下 
去 。 相 反 ， 如 果 你 的 网 站 上 提供 的 内 容 都 是 独特 的 、 有 价值 的 ， 能 切实 满足 潜在 客户 某 方面 
需求 ， 能 将 价值 中 肯 地 表达 出 来 ， 这 样 的 内 容 往往 能 获得 潜在 用 户 的 支持 和 信任 ， 最 终 为 提 
高 转化 率 加 分 ， 并 逐渐 形成 自己 的 权威 品牌 ， 进 入 网 站 良性 发 展 的 轨道 。 

做 内 容 优化 时 ， 我 们 应 遵循 以 下 原则 : 坚持 原创 、 转 载 有 度 、 杜 绝 伪 原 创 。 

(6) 内 部 链接 策略 

对 搜索 引擎 优化 新 手 而 言 ， 或 多 或 少 都 知道 网 站 外 部 链接 可 以 提高 网 站 权威 ， 进 而 促使 
排名 上 升 。 这 是 正确 的 观点 。 但 是 ， 很 多 SEO 将 外 部 链接 当成 网 站 优化 的 全 部 ， 这 就 是 非常 
错误 的 观点 。 

应 当 合理 安排 内 部 链接 。 合 理 的 内 部 链接 策略 可 以 极 大 地 提升 网 站 的 SEO 效果 (尤其 是 大 
型 网 站 )， 搜 索引 擎 优化 不 应 该 忽略 站 内 链接 所 起 到 的 巨大 作用 。 

内 部 链接 优化 应 该 注意 以 下 几 点 : 尊重 用 户 的 体验 、URL 的 唯一 性 、 尽 量 满足 三 次 点 击 
原则 、 使 用 文字 导航 、 使 用 锚 文 本 。 

(7) 页 面 代码 优化 

网 站 结构 的 优化 是 站 在 整个 网 站 的 基础 上 看 问题 的 ， 而 页 面 优化 是 站 在 具体 页 面 上 看 问 
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题 的 ， 因 为 网 页 是 构成 网 站 的 基本 要 素 ， 只 有 每 个 网 页 都 得 到 较 好 的 优化 ， 才 能 带 来 整个 网 
站 的 成 功 优化 ， 也 才能 产生 更 多 有 用 的 流量 。 

页 面 代码 优化 时 ， 我 们 通常 考虑 以 下 几 点 : 页 面 布局 的 优化 、 标 签 优化 、 关 键 词 布局 与 
密度 、 代 码 优 化 、URL 优化 。 


2.， 站 外 搜索 引擎 优化 


站 外 搜索 引擎 优化 ， 顾 名 思 义 ， 就 是 除 站 内 优化 以 外 其 他 途径 的 优化 方法 ， 也 可 以 说 是 
脱离 站 点 自身 的 搜索 引擎 优化 技术 ， 优 化 源 自 外 部 站 点 对 网 站 在 搜索 引擎 排名 中 的 影响 。 与 
站 内 SEO 相 比 ， 站 外 SEO 相对 而 言 更 单一 ， 效 果 也 更 直接 。 缺 点 是 难度 较 大 ， 有 很 多 外 部 
因素 是 超出 站 长 直接 控制 能 力 的 。 

最 有 用 、 功 能 最 强大 的 外 部 优化 因素 就 是 反 向 链接 ， 即 通常 所 说 的 外 部 链接 ， 如 图 13-6 
所 示 。 


Links to your site 


Domains Total links 
cnr.cn 7.570 
Xyvtc cn 282 
hnlungcancercom cn 272 
99.com .cn 183 
goodjk .com 165 


More > 


图 13-6 ”外 部 链接 


互联 网 的 本 质 特征 之 一 就 是 链接 ， 毫 无 疑问 ， 外 部 链接 对 于 一 个 站 点 的 抓 取 、 收 录 、 排 
名 都 起 到 非常 重要 的 作用 。 
实际 上 ， 外 部 链接 表达 的 是 一 种 投票 机 制 ， 也 就 是 网 站 之 间 的 信任 关系 。 比 如 ， 网 站 A 
的 某 个 页 面 中 有 一 个 指向 网 站 B 中 某 个 页 面 的 链接 ， 则 对 搜索 引擎 来 说 ， 网 站 A 的 这 个 页 面 
给 网 站 B 的 页 面 投了 一 票 ， 网 站 A 的 页 面 是 信任 网 站 B 的 这 个 页 面 的 。 
搜索 引擎 在 抓 取 互联 网 繁多 页 面 的 基础 上 ， 根 据 网 页 之 间 的 链接 关系 ， 统 计 出 每 个 网 站 
的 每 个 网 页 得 到 的 外 部 链接 投票 数量 ， 从 而 可 以 计算 出 页 面 的 外 部 链接 权重 : 
® ”页 面 得 到 的 外 部 链接 投票 越 多 ， 其 重要 性 就 越 大 ， 外 部 链接 权重 就 越 高 ， 同 等 条 件 
下 关键 词 排 名 就 越 靠 前 。 
”页面 得 到 的 外 部 链接 投票 越 少 ， 其 重要 性 就 越 小 ， 外 部 链接 权重 就 越 低 ， 同 等 条 件 
下 关键 词 排名 就 越 靠 后 。 
因为 搜索 引擎 认为 外 部 链接 是 很 难 被 肆意 操控 的 ， 所 以 目前 的 搜索 引擎 都 将 外 部 链接 的 
权重 作为 主要 的 关键 词 排 名 算法 之 一 。 也 正 是 因为 搜索 引擎 的 投票 机 制 ， 所 以 就 导致 外 部 链 
接 在 搜索 引擎 优化 中 起 到 最 重要 的 一 个 作用 : 提高 网 页 权重 。 
外 部 链接 经 常 使 用 在 线 工 具 、 新 闻 诱 饵 、 创 意 点 子 、 发 起 炒作 事件 、 幽 默 笑 话 等 方法 。 


13.2.2 ”付费 搜索 引擎 营销 的 4 个 关键 步骤 


与 免费 的 SEO 相 比 ， 付 费 搜 索引 擎 营销 更 适合 那些 有 一 定 预算 和 投入 的 网 络 营 销 者 ， 不 
过 ， 投 入 后 得 到 的 效果 也 不 错 。 
通常 情况 ， 付 费 搜索 引擎 营销 包含 以 下 4 个 步骤 ， 如 图 13-7 所 示 。 
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13-7 “付费 搜索 引擎 营销 的 步骤 
1. 分 析 某 产品 是 否 适合 付费 搜索 引擎 营销 


无 论 是 竞价 排名 ， 还 是 关键 词 广告 ， 本 身 并 不 能 决定 交易 过 程 的 实现 ， 只 是 为 潜在 客户 
发 现 产品 信息 提供 一 个 渠道 或 机 会 一 一 由 此 可 见 ， 网 站 、 网 店 建设 是 网 络 营销 的 平台 基础 ， 
没有 扎实 的 基本 功 ， 什 么 先进 的 网 络 营销 手段 都 不 会 产生 明显 的 营销 效果 。 

所 以 ， 在 决定 要 投入 费用 进行 付费 搜索 引擎 营销 之 前 ， 应 该 首先 考虑 的 问题 是 自己 的 网 
站 、 网 店 是 否 已 经 做 了 基础 的 建设 ? 是 否 可 以 卖 出 产品 ? 如 果 答 案 是 否定 的 话 ， 应 该 在 调整 
好 网 站 之 后 ， 再 进行 付费 搜索 引擎 营销 。 

另外 ， 某 些 行业 由 于 受 国家 直接 控制 ， 基 本 上 属于 垄断 性 的 行业 ， 比 如 石油 和 煤炭 行 
业 ， 像 这 些 行业 的 开发 生产 型 企业 ， 就 没有 必要 做 竞价 排名 和 关键 词 广告 。 而 网 络 服务 、IT 
产品 生产 和 销售 等 企业 最 适合 做 付费 搜索 引擎 营销 。 

2.， 选择 适合 产品 的 搜索 引擎 

在 同样 的 价格 条 件 下 ， 应 尽量 选择 用 户 数量 比较 多 的 搜索 引擎 ， 这 样 ， 检 索 和 浏览 的 效 
率 会 高 一 些 ， 但 如 果 同 一 关键 词 参 与 竞价 的 网 站 数量 较 多 ， 如 果 排 名 靠 后 ， 反 而 会 降低 营销 
效果 ， 因 此 ， 还 应 综合 考虑 多 种 因素 ， 来 决定 性 价 比 最 高 的 搜索 引擎 。 

就 目前 的 搜索 引擎 营销 来 看 ， 选 择 的 余地 无 外 乎 就 是 百度 和 Google， 具 体 选择 方法 ， 营 
销 者 可 以 通过 实际 测试 ， 根 据 具 体 效 果 进 行 选择 。 

在 可 能 的 情况 下 ， 也 可 以 同时 在 若干 个 搜索 引擎 中 同时 开展 竞价 排名 ， 这 样 ， 更 容易 比 
较 各 个 搜索 引擎 的 效果 。 

3.， 根据 资金 情况 适量 购买 付费 服务 


实际 上 ， 即 使 针对 同一 个 行业 ， 由 于 用 户 使 用 的 关键 词 也 是 有 一 定 分 散 性 的 ， 所 以 仅仅 
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选择 一 个 关键 词 ， 所 能 产生 的 效果 也 是 有 限 的 。 比 较 理想 的 方式 是 ， 如 果 营 销 预 算 许 可 ， 应 
当选 择 3~5 个 用 户 使 用 频率 最 高 的 关键 词 同时 开展 竞价 排名 活动 ， 这 样 有 可 能 覆盖 60% 以 上 
的 潜在 用 户 ， 取 得 收益 的 机 会 将 大 为 增加 。 

此 外 ， 在 关键 词 的 选择 方面 ， 也 应 进行 认真 的 分 析 和 设计 ， 热 点 的 关键 词 价格 较 高 ， 如 
果 用 几 个 相关 但 价格 较 低 的 关键 词 蔡 代 ， 也 不 失 为 一 种 有 效 的 方式 。 


4. 提高 转化 率 
搜索 引擎 营销 的 目的 ， 就 是 让 潜在 客户 到 达 你 的 网 站 ， 而 到 达 网 站 之 后 的 事情 就 需要 网 


重要 的 功课 。 在 目前 的 付费 搜索 引擎 营销 中 ， 有 以 下 几 个 方面 能 比较 有 效 地 提高 点 击 率 与 销 
售 的 转化 率 。 


NN 站 自身 具备 一 定 的 质量 了 。 
SS 在 付费 搜索 引擎 营销 中 ， 如 何 恰当 地 提高 点 击 率 ， 吸 引 最 有 希望 产生 购买 的 客户 ， 是 很 


做 好 网 站 (网 店 ): 在 网 络 营销 中 ， 营 销 平 台 的 选择 绝对 是 非常 重要 的 ， 也 是 我 们 一 再 
强调 的 重点 。 有 一 个 确实 能 很 方便 地 让 潜在 客户 买 到 所 需 产 品 的 网 站 ， 再 做 付费 搜 
索引 擎 营销 ， 是 提高 转化 率 的 最 佳 方法 。 

精准 定位 ， 所 谓 精准 定位 ， 是 指 搜索 引擎 营销 中 出 现 的 广告 ， 点 击 之 后 ， 应 该 直接 
到 达 和 搜索 关键 词 想 匹配 的 页 面 。 在 搜索 引擎 营销 中 ， 网 页 内 容 与 搜索 关键 词 具有 
的 相关 性 极为 重要 ， 如 果 在 百度 或 Google 上 就 某 些 关键 词 进行 宣传 ， 在 用 户 输入 那 
些 关 键 词 并 登录 网 站 后 ， 应 该 能 正确 地 进入 与 关键 词 相 关 的 网 页 位 置 。 因 此 ， 如 果 
用 户 在 百度 中 输入 “鲜花 ”， 你 的 广告 就 会 显示 出 来 ， 继 续 点 击 ， 就 可 以 进入 一 个 
涉及 并 出 售 “ 鲜 花 ” 的 网 页 ， 而 不 应 是 在 网 站 的 主页 或 者 与 鲜花 无 关 的 网 页 上 。 
跟踪 与 分 析 : 网 络 广告 的 特点 ， 是 可 以 很 方便 地 跟踪 广告 的 效果 ， 通 过 网 络 营 销 软 
件 、 网 站 流量 分 析 系 统 等 ， 网 络 营 销 人 员 应 该 监控 搜索 引擎 营销 报告 ， 并 找 出 那些 
转换 率 较 高 的 搜索 词 、 删 除 那些 转换 率 低 的 搜索 词 。 


在 实际 的 付费 搜索 引擎 营销 中 ， 网 络 营 销 人 员 应 该 反复 执行 上 述 各 个 步骤 ， 不 断 提 高 转 
化 率 ， 用 最 少 的 资金 投入 ， 获 取 最 大 的 利润 。 


13.3 论坛 营销 


下 面 介绍 如 何 进行 论坛 营销 。 


13.3.1 


论坛 营销 的 五 大 特点 


综合 而 言 ， 论 坛 营销 有 如 下 特点 。 


扩 


利用 论坛 人 气 推广 传播 


利用 论坛 的 超 高 人 气 ， 可 以 有 效 地 为 网 络 营 销 者 提供 传播 、 推 广 服务 。 由 于 论坛 话题 的 


开放 性 ， 
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几乎 网 络 营销 者 所 有 的 营销 诉求 都 可 以 通过 论坛 传播 得 到 有 效 的 实现 。 


2. 综合 运用 各 种 论坛 表现 形式 


论坛 营销 往往 都 具有 专业 的 论坛 帖子 策划 、 撰 写 、 发 放 、 监 测 、 汇 报 流程 ， 并 且 综 合 运 
用 各 种 论坛 的 置顶 帖 、 普 通 帖 、 连 环 帖 、 论 战 帖 、 多 图 帖 、 视 频 帖 等 方式 进行 。 


3. 论坛 营销 具有 很 强 的 互动 性 


论坛 营销 具有 强大 的 聚众 能 力 ， 网 络 营销 者 可 以 利用 论坛 作为 平台 ， 举 办 各 类 踩 楼 、 灌 
水 、 贴 图 、 视 频 等 活动 ， 调 动 网 友 与 品牌 之 间 的 互动 。 

4. 论坛 营销 往往 会 借助 于 事件 进行 炒作 

在 论坛 营销 中 ， 不 管 是 针对 热点 事件 ， 还 是 小 范围 内 的 事件 ， 都 会 与 网 络 事件 扯 上 关 


系 。 网 络 营销 者 通过 炮制 网 民 感 兴趣 的 事件 ， 将 品牌 、 产 品 、 活 动 内 容 植 入 论坛 帖子 中 ， 并 
展开 持续 的 传播 效应 ， 引 发 新 闻 事件 ， 导 致 传播 的 连锁 反应 。 


5. 论坛 营销 会 借助 搜索 引擎 扩张 


论坛 营销 会 运用 搜索 引擎 为 自己 的 推广 服务 ， 不 仅 使 内 容 能 在 论坛 上 有 好 的 表现 ， 在 主 
流 搜索 引擎 上 也 能 够 快速 寻找 到 发 布 的 帖子 ， 吸 引 更 多 的 潜在 用 户 关注 。 

论坛 营销 发 展 到 今天 ， 已 经 创造 了 许多 神话 般 的 成 功 案 例 ， 让 人 记忆 狂 新 的 经 典 案例 
“天 仙 妹 妹 ” 就 是 其 中 之 一 。 一 个 羌族 美 少 女 仅 用 了 一 个 月 的 时 间 ， 就 迅速 抓 住 了 成 千 上 万 
网 氏 的 眼球 ， 成 为 网 络 红 人 ， 网 友 们 称 她 为 “天 仙 MM”。 天 仙 MM 的 横 空 出 世 ， 源 于 一 组 
在 网 上 转 帖 率 极 高 的 照片 ， 如 图 13-8 所 示 。 


图 13-8 天 仙 MM 


2005 年 8 月 7 日 ， 国 内 某 著名 网 站 的 汽车 论坛 中 出 现 了 一 个 名 为 “单车 川 藏 自驾 游 之 惊 
见 天 仙 MM ”的 主题 帖 ， 发 帖 人 “浪迹 天 涯 何 处 家 (网 名 )” 以 文 配 图 的 形式 发 布 了 一 组 四 川 理 
县 羌族 少女 的 生活 照 ， 立 刻 在 论坛 引起 狠 动 。 照 片 中 的 羌族 少女 一 袭 民 族 盛装 ， 以 其 自然 清 
新 的 面容 、 略 显 神秘 的 气质 ， 引 来 了 无 数 网 友 的 赞叹 。 照 片 拍摄 者 “浪迹 天 涯 何 处 家 ”更 是 
在 帖子 中 写 满 了 滋 美 之 词 : “无 论 远 看 近视 ， 羌 妹子 举手投足 都 有 一 种 美感 ， 与 所 处 环境 对 
比 ， 给 人 一 种 严重 而 且 强 烈 的 不 真实 感 ”。 

没 过 多 久 ， 此 帖 就 开始 在 各 大 论坛 之 间 流 传 开 来 ， 并 广 为 转 载 。 一 些 网 站 在 没有 “加 
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精 ”、“ 置 项 ”的 情况 下 ， 帖 子 点 击 数 在 一 天 内 竟 超 过 了 10 万 次 。 为 方便 网 友 参 与 讨论 ， 腾 
讯 公司 还 特地 为 “天 仙 MM” 提 供 了 两 个 新 QQ 号 ， 作 为 她 与 网 友 直 接 交 流 的 一 个 专用 平 
台 。 此 后 ， 一 些 门户 网 站 也 被 “天 仙 MM” 的 人 气 所 折服 ， 纷 纷 在 首页 辟 出 专栏 隆重 推出 。 
在 网 络 的 推动 下 ，“ 天 仙 MM” 迅 速成 为 网 络 红 人 。 

天 仙 MM 的 超 强人 气 引 发 了 巨大 的 商业 价值 。2005 年 9 月 份 ，“ 天 仙 MM” 接 受 四 川 省 
理 县 政府 的 邀请 担任 理 县 旅游 大 使 ， 此 后 的 10 月 2 日 ， 理 县 接待 来 自 全 国 各 地 的 旅游 者 约 
13000 人 次 ， 创 造 了 理 县 旅游 日 接待 人 数 的 新 高 。10 月 份 ， 天 仙 MM 又 成 为 中 国电 信和 四川 阿 
坝 州 分 公司 代言 人 以 及 西南 最 大 门户 网 站 天 府 热线 网 站 的 代言 人 。2006 年 3 月 ， 天 仙 MM 正 
式 成 为 国际 品牌 索尼 爱立信 手机 形象 代言 人 。 到 今天 ， 天 仙 MM 在 多 个 电视 剧 里 参 演 ， 这 也 
是 网 络 红 人 成 功 走 入 国际 品牌 商业 领域 的 第 一 人 。 


13.3.2 ”论坛 营销 的 五 大 优势 


对 网 络 营销 者 来 说 ， 论 坛 营销 具有 非常 多 的 优点 ， 这 些 优 点 绝 大 部 分 都 适用 于 任何 网 络 
营销 者 ， 包 括 刚刚 起 步 的 网 络 营销 新 手 。 


1. 目标 群体 庞大 


根据 CNNIC 的 数据 统计 ， 中 国 拥 有 约 200 万 个 BBS 论坛 ， 论 坛 数量 为 全 球 第 一 ， 论 坛 
已 经 成 为 中 国 网 民 最 常用 的 一 种 沟通 平台 ， 有 近 50% 的 中 国 网 民 经 常 使 用 论坛 。 

以 “百度 贴吧 ”为 例 ， 网 民 可 以 随时 为 某 一 话题 设立 专门 的 论坛 ， 任 何 对 此 事件 感 兴趣 
的 网 民 都 可 以 到 论坛 发 表 言 论 和 图 片 ， 平 均 每 天 发 布 新 帖 200 多 万 条 。 

现在 的 论坛 ， 几 乎 每 条 受 网 民 关 注 的 话题 后 面 都 有 跟 帖 ， 热 门 事件 、 焦 点 新 闻 的 跟 帖 经 
常 突 破 几 十 万 条 。 

比如 ， 红 极 一 时 的 “ 贾 君 鹏 事件 ”， 在 短 时 间 内 ， 单 是 百度 贴吧 中 的 页 君 鹏 吧 ， 就 拥有 
主题 数 12705 个 ， 帖 子 数 209188 个 ， 访 问 者 更 是 不 计 其 数 ， 如 图 13-9 所 示 。 
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图 13-9 百度 贴吧 
2. 受众 精准 


网 络 论坛 都 有 自己 的 主题 ， 如 关注 手机 、 关 注 母 虹 、 关 注 时 事 等 ， 这 些 有 明确 方向 的 论 
坛 聚集 起 来 的 访问 者 无 疑 也 是 具有 精确 目标 的 访问 者 。 所 以 论坛 营销 可 以 以 明确 的 受众 作为 
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基础 ， 避 免 在 不 适合 的 地 方 出 现 不 适合 的 内 容 。 

另 一 方面 ， 论 坛 用 户 中 ， 年 轻 网 民 的 比例 非常 高 ， 上 班 族 、 学 生 是 绝对 的 中 坚 力量 一 一 
这 些 年 轻 群 体 正 是 网 络 购物 的 核心 受众 ， 他 们 普遍 拥有 不 错 的 收入 来 源 ， 购 买 力 强 ， 消 费 需 
求 也 很 旺盛 ， 绝 对 是 最 容易 转化 的 潜在 客户 。 


3. 成 本 低廉 


论坛 营销 与 传统 营销 相 比 ， 成 本 低廉 到 难以 想象 的 地 步 。 
如 果 厂 商 想 要 在 电视 节目 上 投放 广告 ， 花 费 无 疑 是 巨大 的 ， 要 知道 某 些 电 视频 道 的 黄金 
时 间 广 告 价格 ， 高 到 让 人 吃惊 的 地 步 ， 如 图 13-10 所 示 。 


2012 年 CCTV- 1 综合 频 道 时 段 刊 例 价格 


单位 :人民币 元 /次 
6: 09 10,700 | 16.000 | 20.000 | 57.200 | 32,000 | 56.000 
翰 间 天 下 前 药 06:56 19,200 | 28,800 | 56,000 | 49,000 | 67,500 54 B00 
上 车 焰 吕 书目 一 药 08:32 20,300 | 30,400 | 38,000 | 51,7100 | 60,%00 5,400 
| 蕴 一 精 运 剧 芭 第 一 集 贴 开 欧 09:50 5,700 | 35,600 | 4,500 | 60,500 | 71,200 50, 100 
喜 一 1012 2200 | 40,300 | 51,000 | 60,40n | a1,500 | 31,500 
| 芝 一 和 远 局 志 第 二 集 巾 帮 10:14 ,700 | 41,000 | cz,000 | 70,100 | 63,200 55, 000 
第 一生 到 出 天 二 可 二 本 11:04 32,500 | 58,800 | 61,00%0 | 85,007 | 97,500 | 05, 500 
表亲 30 分 巩 区 1157 45,900 | W6,800 | #6,000 | 117,000 | 137,600 | 154 500 
下 EI 56,900 | 556,600 | 56,000 | 117,000 | 137,600 | 156, 500 
日记 所 机 13:05 0, 000 | 50,000 | 75,000 | 102,000 | 120, 000 | 155000 
下 于 精品 节目 前 欧 15:08 40,000 | 60,000 | 75,000 | 102,000 | 120,000 | 135 000 
豆 下 区 13150 B1700 | «47,500 | 50,500 | 80,900 | 05,200 | 107, 100 
| 珊 一 情感 届 寺 率 间 一 ELED 30,400 | 45,000 | 57,000 | T7,500 | 31,200 | 102 500 
第 一 情 芭 居于 第 二 架 巾 开 驳 14:53 51700 | 7,6500 | 59,500 | 80,500 | 95,200 | 107 100 
= 15:47 30,400 | 5,600 | 5,000 | 77,50n | 91,200 | 102 600 
下 重生 克 节目 一 区 15742 56,000 | 39,000 | 48,600 | 66,400 | 73,100 | 57,650 
下 二 和 精 而 有 目 一 二 17:05 6 000 | 9,000 | 和,800 | 65,400 | 70,100 | 3800 
下 十 精品 肌 目 三 区 11:23 26,000 | 39,000 | 48,600 | 66,40% | 73,100 | ,800 
下 革 箭 琴 节 目 林 贡 17140 30,400 | 45,600 | 67,000 | 77,50 | 0,200 | 105 600 
下 于 精品 节目 五 欧 17:57 3L700 | 47,500 | 59,500 | #0,900 | 95,200 107, 100 
ER 700 | 137, 600 | 172, 000 | 233,900 | 275,200 | 309 600 
Ll EL 区 20:50 到 ,500 | 126,400 | 158,000 | 214,900 | 252,800 | 5280, 400 
责 多 档 局 声 集 辣 的 20:52 52,700 | 124,000 | 155,000 | 210,800 | 248,000 | 279 000 
EL 20:56 5, 3500 | 158 000 | 150, 000 | 217, 500 | 256, 000 | 288, C00 
和 EL 区 21:50 T5700 | 113,600 | 142,000 | 193,100 | 227,200 | 256, 600 
机 全 本 出 肠 后 机 11:53 T1500 | 107,300 | 134,000 | 152,200 | 214,400 | 241,200 
振 厚 加 疝 药 21:55 59,300 | 104 000 | 150 000 | 175500 | 208 000 | 239 500 


图 13-10 CCTV-1 的 部 分 广告 报价 


5 上 面 为 中 央 电视 台 CCTV-1 的 部 分 广告 报价 资料 ， 在 CCTV 官方 网 站 上 提供 公开 
慌 查询 ， 有 兴趣 的 读者 可 以 下 载 研究 。 


仔细 研究 这 个 报告 ， 可 以 看 出 : 在 CCTV-1 晚上 20:00~22:00 之 间 ，5 秒 广 告 的 最 高 价格 
是 91700 元 ， 最 低 是 69300 元 ; 30 秒 广告 最 高 价格 是 309600 元 ， 最 低 是 234000 元 。 

这 种 营销 成 本 对 一 般 的 小 企业 、 个 人 网 络 营 销 者 来 说 ， 无 疑 是 无 法 承受 的 “ 痛 ”! 但 
是 ， 采 用 论坛 营销 ， 如 果 将 整个 中 国 网 民 群 体 与 电视 观众 相 比 的 话 ， 受 众 范 围 也 并 不 小 ， 而 
且 优势 是 几乎 不 需要 任何 成 本 。 

对 大 品牌 的 公司 来 说 ， 找 到 有 经 验 的 专业 论坛 营销 公司 ， 推 广 某 种 产品 ， 往 往 价格 并 不 
高 ， 服 务 却 非常 好 ; 对 普通 的 个 人 网 络 营销 者 而 言 ， 要 推广 自己 网 站 、 网 店 上 的 产品 ， 每 天 
抽出 几 十 分 钟 ， 成 本 几乎 可 以 忽略 不 计 。 


4. 传播 迅速 
在 论坛 营销 中 ， 每 个 参与 的 网 民 不 仅 是 信息 的 接收 者 ， 同 时 还 是 信息 传递 的 节点 ， 所 谓 
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Dreamweaver+PHP+MySQL 动 态 网 站 开发 
案例 课堂 由 一 


“一 传 十 ， 十 传 百 ”就 是 这 个 意思 。 

以 前 要 传递 某 种 新 鲜 事 物 ， 往 往 要 借助 于 报纸 、 电 视 等 传统 的 传播 渠道 ， 但 是 ， 当 网 络 
发 展 越 来 越 快 之 后 ， 网 络 的 传播 速度 无 疑 已 经 成 为 最 快 的 途径 。 比 如 ， 汶 川 大 地 震 时 ， 第 一 
个 传递 出 消息 的 是 一 个 名 不 见 经 传 的 小 网 站 ， 随 后 各 大 主流 门户 网 站 、 电 视 媒 体 才 跟 进 。 

在 论坛 营销 中 ， 如 果 内 容 恰 到 好 处 ， 引 起 很 多 网 民 的 共鸣 ， 这 些 网 民 会 无 私 地 将 这 个 内 
容 共享 给 自己 的 朋友 圈子 ， 或 者 将 这 个 内 容 发 布 在 自己 的 博客 、 空 间 中 一 一 这 种 传播 方式 是 
极为 夸张 的 几何 递增 ， 其 速度 和 效率 是 惊人 的 。 

时 下 网 络 上 各 种 “ 门 ”非常 多 ， 一 旦 一 个 拥有 足够 焦点 的 “ 门 事件 ” 见 诸 网 络 ， 无 数 网 
友 就 会 有 意 无 意 地 立即 传播 ， 扩 散 速 度 非常 快 。 

例如 以 前 的 “天 仙 MM”， 以 及 后 来 的 “犀利 哥 ” 和 “凤姐 ”等 ， 都 是 网 络 传播 的 产 
物 ， 而 且 作为 最 为 常见 的 传播 形式 ， 论 坛 传播 无 疑 在 中 间 发 挥 了 极 大 的 作用 。 


5. 便于 引导 
论坛 营销 因为 本 身 的 受众 就 比较 精确 ， 再 辅 以 一 定 的 手段 ， 浏 览 者 的 行为 就 会 变 得 很 容 
易 引 导 。 


对 习惯 于 网 络 购物 的 年 轻 网 民 来 说 ， 很 多 时 候 因为 自身 的 购买 力 足 够 ， 浏 览 某 些 专业 论 
坛 时 ， 目 的 之 一 就 是 要 寻找 自己 想 要 的 产品 建议 、 推 荐 、 评 价 等 。 论 坛 营销 正 是 基于 这 样 的 
条 件 ， 在 用 户 引 导 上 拥有 强悍 的 先天 优势 。 比 如 ， 在 瑞丽 论坛 上 ， 如 果 网 络 营销 者 在 论坛 策 
划一 个 论坛 营销 ， 出 售 某 种 美容 产品 ， 往 往 会 取得 非常 好 的 效果 ， 如 图 13-11 所 示 。 

由 内 而 外 重 现 肌肤 的 清澈 透 白光 彩 。 
并 不 是 广告 做 的 好 ， 而 是 实际 疗效 真 的 不 错 。 
maggie 在 冬季 ， 皮 肤 暗淡 无 光 , 干燥 ， 有 小 细 纹 滋生 。 肌肤 真 的 是 有 些 糖 糕 - 
那么 现在 就 和 maggie 一 起 进行 护肤 保养 吧 . 


13-11 ”美容 产品 营销 
如 果 在 母 婴 论坛 上 进行 某 种 幼儿 奶粉 的 销售 ， 则 对 用 户 的 引导 作用 就 非常 直接 。 


13.3.3 ”论坛 营销 的 三 大 要 点 


通过 前 面 的 介绍 ， 不 难看 出 ， 论 坛 营销 是 一 种 适合 网 络 营销 新 手 进行 的 推广 策略 ， 在 具 
体 进行 论坛 营销 时 ， 要 注意 以 下 要 点 。 

1. 找到 目标 用 户 高 度 集中 的 行业 和 专业 论坛 

论坛 都 是 按 行业 或 兴趣 来 建立 的 ， 有 一 些 主题 高 度 集中 ， 有 一 些 主题 相当 松散 。 在 进行 


论坛 营销 时 ， 主 题 越 集中 ， 效 果 就 越 好 。 举 例 来 说 ， 如 果 网 络 营销 者 推销 的 是 SEO、 虚 拟 主 
机 、 网 站 建设 等 相关 产品 、 服 务 ， 站 长 聚集 的 论坛 就 是 个 好 地 方 ， 比 如 站 长 网 ， 如 图 13-12 
所 示 。 
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Ea hdd 团购 网 " 自杀 式 经 营 " 伤 不 起 1 年 内 政 芋 避 尖 
站 沽 则 丈 号 多 能 报 志 SS 
于 区 二 人 和 国 站 全 | 。 网 站 分 析 。 哪 嘱 条 家 更 轻 的 快 和 车模 式 
六 息 这 过 - 米 友 沪 谈 录 ， 对 话 路 也 风 丙 过 后 更 精彩 i 半 
- 记 拉 1W0 二 相交 ，| 。 国 风色 向 电子 商务 网站 模式 分 析 后 汇总 0 得 pa 于 YS/, 
.者 垢 mc- 家 名 -rs? 各 案 “分 类 信息 网 站 癫狂 " 妊 浅 “ 挣 1 元 伦 2.5 元 让 新闻 
“发 和 精品 模 概 陪 大 氏 ? *， 人 人 推出 旅游 计 交 平台 风车 网 关 FPinterest 异 式 站 发 新闻 > RE 
“ 申 息 欢 件 年终 大 种 疲 近 中 t | 。 总 结 5 年 在 网 络 公司 运作 网 站 的 一 些 经 验 0 得 和 
-站 发 闻 训 富 加 让 你 日 时 50 。。 。 黑 容 区 击 医师 次 格 考试 报名 网站 报考 信息 "被 你 改 " 站 K 和 新 闻 | 二 提 Pe 
“了 而 特 浊 诚 开 seo 于 ， 亚 马 水 7.75 亿 美元 现 全 收购 机 器 人 公司 Kiva 站 长 新 闻 |- 新 版 发 机: 2012 王 站 群 
写 和 四 相册 “ 说 一 说 那个 被 招安 的 网 站 Nyspaceidh| 本 式 发 展 历程 生 反 必得 comtz Cle 招 代理 第 一 商 郑 10 吉 于 主机 免 送 
独 享 主机 火爆 热 销 * 人 人 都 是 活 雷 刍 一 社交 平台 如 何 提升 用 户 参 与 诬 推广 策划 本 提供 的 se 论断 服务 网 站 准 广 目录 先行 
* 类 Pinterest 网 站 运营 是 根本 最 后 活着 的 没 几 家 站 发 新 闻 | - 便 亿 三 告 笑 盟 单价 珊 V 收 功 高 广告 多 
乏 浪 EMS 昌 病因 间 和 至 上 的 webi&it- 一 -人 要 素 及 设计 站 下 必得 |- 和 从 二 名 推荐; 上 于 站 于 扩 间 红 各 和 从 出 千 
“太平 洋 直 购 被 持 涉 嫉 三 宗 罪 ， 传 办 诈骗 非法 集 讶 i) | bsel os Seer een bout 


了 开放 平 台 尘 年 吕 尘 攻 开发 用户 30 万 oil] rl 
mr nm mn EE 
rn 人 自动 外 链 
图 13-12 站 长 网 

相反 ， 如 果 在 一 些 主题 相对 较 弱 的 地 方 ， 往 往 不 容易 建立 专家 地 位 。 所 以 网 络 营销 者 在 
进行 论坛 营销 之 前 ， 要 花 一 些 时 间 ， 搞 清楚 所 在 的 行业 在 网 上 有 哪些 著名 的 论坛 ， 而 不 必 大 
海 捞 针 地 去 很 多 论坛 浪费 时 间 。 

2. 不 要 直接 发 广告 ， 不 要 发 太 假 的 软文 

论坛 里 的 用 户 对 发 广告 、 发 软文 已 经 司空 见 惯 了 ， 不 要 假设 你 的 广告 或 软文 能 引起 他 们 
的 注意 。 

在 论坛 中 不 发 广告 是 基本 的 礼节 ， 很 多 论坛 会 员 很 排斥 发 广告 、 发 软文 的 行为 ， 有 的 论 
坛 有 可 能 封 你 的 账号 。 

3， 融 入 论坛 ， 帮 助 别人 ， 建 立 威信 


即使 网 络 营销 者 的 目的 是 为 了 进行 论坛 营销 ， 也 应 该 在 论坛 中 积极 参与 讨论 ， 注 意 看 其 
他 会 员 的 疑难 问题 ， 并 积极 帮忙 ， 建 立 威信 。 

通过 互助 ， 会 很 快 地 让 营销 者 融入 网 友 群 体 ， 当 需要 进行 论坛 营销 时 ， 网 友 看 到 你 的 帖 
子 ， 信 任 度 就 会 高 很 多 ， 如 果 再 配合 适当 的 策略 ， 引 导 用 户 行为 就 是 比较 简单 的 事情 了 。 


13.3.4 “论坛 营销 推广 的 三 大 步骤 


论坛 营销 成 本 低 、 传 播 效力 大 的 特点 ， 吸 引 着 众多 网 络 营销 者 的 目光 ， 不 少 营销 者 都 开 
始 尝 试 使 用 这 一 网 络 营 销 利器 。 然 而 ， 从 实际 操作 情况 来 看 ， 一 些 网 络 营销 者 的 论坛 营销 效 
果 并 不 佳 ， 原 因 是 什么 呢 ? 

其 实 ， 主 要 原因 就 在 于 实施 论坛 营销 时 ， 没 有 掌握 好 关键 的 三 个 步骤 。 
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1 选择 精准 的 目标 论坛 

网 络 营销 者 在 实施 论坛 营销 时 ， 一 定 要 根据 产品 的 特点 ， 选 择 合适 的 论坛 ， 最 好 是 目标 
客户 群体 聚集 的 专业 论坛 。 

举例 来 说 ， 如 果 要 推广 一 种 白领 阶层 使 用 的 产品 ， 那 么 ， 在 选择 营销 论坛 时 ， 就 要 选择 
白领 们 常 去 的 论坛 及 板块 ， 比 如 新 浪 的 资讯 生活 、 时 尚 生活 ， 网 易 的 白领 丽人 ， 搜 狐 的 小 资 
生活 、 健 康 社区 ，TOM 的 健康 之 家 、 时 尚 沙龙 ，21CN 的 白领 E 族 ， 百 度 帖 吧 的 白领 吧 以 及 
瑞丽 女性 论坛 等 。 如 图 13-13 所 示 为 搜狐 的 小 资 生 活 社区 。 


提 脐 社 CD 1 冰 页 - 亲本- 作 育 - 5- 地 条-V- 则 
村 区 


S 


A 2 432 


社区 活动 : ”二 用 户 资料 ， 高 新 白 虚 拟 礼 物 “ 都 市 流 火 ” 热门 推荐 有 奖 活动 ”上海 世博 会 ”抗日 历史 


BE 。。 癌 分 类 ，S8 ~ 


图 13-13 ”搜狐 的 小 资 生 活 社区 


在 实际 操作 过 程 中 ， 有 的 网 络 营销 者 在 实施 论坛 营销 时 ， 片 面 追求 论坛 的 人 气 ， 而 不 去 
考虑 所 发 布 的 信息 与 论坛 板块 是 否 相符 ， 以 为 人 气 越 高 ， 关 注 产品 信息 的 人 就 越 多 ， 其 实 这 
是 误区 。 

因为 如 果 人 气 太 旺 ， 营 销 者 所 发 布 的 帖子 很 快 就 会 被 淹没 ， 无 法 有 效 地 让 潜在 用 户 看 
到 。 另 外 ， 如 果 帖 子 内 容 与 论坛 板块 不 符 ， 很 难 引 起 网 民 的 关注 ， 有 时 甚至 会 令 网 友 反 感 。 


2. 发 布设 计 好 的 帖子 


作为 传递 产品 信息 的 载体 ， 信 息 传 达 的 成 功 与 否 ， 主 要 取决 于 网 络 营销 者 发 布 帖子 的 标 
题 、 主 帖 和 跟 帖 。 

如 果 一 个 帖子 能 够 吸引 网 民 点 击 ， 又 巧妙 地 传递 了 产品 的 信息 ， 同 时 让 网 民 感 受 不 到 广 
告 帖 的 嫌隙 ， 那 么 ， 可 以 说 这 帖子 就 是 成 功 的 论坛 营销 帖子 。 

关于 帖子 的 标题 、 内 容 ， 可 以 针对 “标题 党 ”的 很 多 有 益 的 编写 方式 进行 归纳 ， 这 些 方 
法 是 运用 在 论坛 营销 上 的 最 好 方法 。 

这 里 需要 了 解 的 是 “ 跟 帖 ”， 也 就 是 网 络 营销 者 用 非 发 帖 人 的 身份 编写 的 “回复 ”。 

回帖 的 内 容 ， 在 正常 情况 下 ， 一 般 是 网 民 对 主题 内 容 的 “主观 ”评论 。 当 网 民 被 标题 、 
主 帖 吸引 ， 继 续 往 下 查看 回复 时 ， 就 是 帖子 “真实 身份 ”曝光 的 最 大 危机 一 一 拙劣 的 回复 会 
令 网 民 一 眼 察觉 出 整个 帖子 的 “广告 ”意图 ， 影 响 产品 传达 效果 ， 甚 至 直接 关 掉 页 面 。 

网 络 营销 者 在 撰写 回复 时 ， 要 采取 发 散 性 思维 ， 声 东 击 西 ， 为 产品 信息 做 掩护 ， 并 且 将 
网 民 可 能 产生 的 负面 情绪 降 到 最 低 。 


3， 维 护 发 布 的 帖子 


在 论坛 营销 中 ， 帖 子 发 出 后 ， 如 果 不 去 进行 后 期 的 跟踪 维护 ， 那 么 可 能 很 快 就 沉 下 去 ， 
尤其 是 人 气 很 旺 的 论坛 。 沉 下 去 的 帖子 显然 是 难以 起 到 营销 作用 的 ， 因 此 ， 帖 子 的 后 期 维护 
就 显得 尤为 重要 。 

对 网 络 营销 者 来 说 ， 经 常 性 地 换 不 同 的 “马甲 ”进行 回帖 、 顶 贴 是 必需 的 ， 也 是 论坛 营 
销 推广 的 必要 手段 。 及 时 的 项 帖 、 回 帖 ， 可 以 使 帖子 始终 处 于 论坛 或 者 板块 的 首页 显著 位 
置 ， 进 而 让 更 多 的 网 民 看 到 产品 信息 。 

从 实际 操作 细节 来 看 ， 维 护 帖子 时 ， 网 络 营销 者 最 好 不 要 一 味 地 从 正面 角度 去 回复 ， 适 
当 从 反面 角度 去 辩驳 、 挑 起 争论 ， 可 以 把 帖子 “ 炒 热 ”， 从 而 吸引 更 多 的 网 民 关 注 一 一 当 
然 ， 千 万 不 要 矫 枉 过 正 ， 让 原本 是 推广 的 帖子 变 成 批判 的 帖子 ， 就 麻烦 了 。 
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13.4 微 博 营销 
微 博 营销 是 当前 的 新 生 事物 ， 随 着 微 博 的 发 展 ， 微 博 营销 也 越 来 越 被 人 们 重视 起 来 。 
13.4.1 微 博 营 销 的 六 个 特点 


微 博 其 实 只 是 另 一 种 博客 而 已 ， 所 以 在 微 博 基础 上 诞生 的 微 博 营销 ， 自 然 也 具备 博客 应 
用 的 特点 。 

1. 灵活 性 高 

微 博 营销 与 传统 网 站 相 比 ， 灵 活性 非常 高 ， 可 以 采用 各 种 各 样 的 内 容 题材 和 形式 进行 内 
容 的 发 布 ， 而 正 是 这 种 多 样 性 ， 使 微 博 营销 相对 而 言 更 容易 受到 用 户 的 欢迎 。 

微 博文 章 的 信息 发 布 与 供求 信息 发 布 是 完全 不 同 的 表现 形式 ， 微 博文 章 并 不 是 简单 的 广 
告 信息 ， 实 际 上 ， 单 纯 的 广告 信息 发 布 在 微 博 网 站 上 也 起 不 到 宣传 的 效果 ， 所 以 ， 微 博文 章 
写作 与 一 般 的 商品 信息 发 布 是 不 同 的 ， 在 一 定 意义 上 可 以 说 是 一 种 公关 方式 ， 只 是 这 种 公关 
方式 完全 是 由 企业 自行 操作 的 ， 而 无 须 借助 于 公关 公司 和 其 他 媒体 。 

2. 低 成 本 

微 博 营销 因为 是 基于 微 博 的 ， 所 以 完全 可 以 做 到 没有 任何 费用 ， 是 最 低 成 本 的 推广 方式 。 
这 一 点 很 容易 理解 ， 因 为 如 果 网 络 营销 者 要 建立 一 个 自己 的 专门 网 站 做 网 络 营销 ， 还 需要 域 
名 、 网 络 空间 等 的 投入 ， 但 是 如 果 采 用 微 博 进行 营销 的 话 ， 完 全 不 需要 这 些 费 用 ， 因 为 现在 
的 主流 微 博 系统 都 是 免费 注册 、 免 费 使 用 的 ， 如 图 13-14 所 示 。 

3. 快速 吸引 眼球 


网 络 营 销 的 重点 环节 之 一 就 是 吸引 眼球 ， 而 微 博 往往 是 庞大 的 微 博 平 台 提供 的 ， 这 些 平 
台 本 身 就 拥有 非常 庞大 的 访问 量 ， 所 以 ， 微 博 营 销 很 容易 先 在 微 博 平台 中 取得 一 定 的 效果 ， 
吸引 一 定 的 访问 者 的 注意 。 
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这 里 的 字 :春分 弄 生 | 油价- 砚 狼 ”| 改天 这 沁 庆 13 平 | 各 同 下 对 夯 辽 志 话 | 央 香 和 Rn 二 更 和 


ER 站 刁 牙 ， 唉 ， 八 百年 过 到 一 个 妥 我 的 我 却 不 要 1 八 百 年 对 一 个 我 过 的 那么 
心 好 ， 他 却 不 过 我 ， 一 切 导出 都 是 折 蔓 ， 却 依 j 日 攻 财 的 付出 各 
BFA Rm) 


就 号 : 
下 只 下 原名 公害 木 扩 四， 随 枫 一 把 就 是 下 片 。 还 到 趟 部 是 。 随 枕 几 7 衣服 本 
吉 成 了 砚 布 条 。 质量 这 么 委 。 去 了 正好 。 可 解 气 - 密 码 , 五 TB? 
科目 手机 (t39,q9 com) 回 下 次 日 示 登 录 


相机 丙肝 内 有 各 ， 请 二 要 在 网 吧 来 公用 电 县 上 委 用 
EE 王 云 飞 :一 个 自然 的 午 完 起 来 神 滞 气 夷 ， 望 了 右 窗 外 类 恬 半 日 的 阳光 ,我 知 | 和 
Er 这 ， 我 怀念 的 ， 那 个 火 玉 的 豆 天 已 经 悄悄 的 到 来 、、、、， D> 


平日 pad 


图 13-14 ”免费 注册 微 博 


以 国内 新 浪 微 博 平 台 为 例 ， 每 天 具体 的 微 博 访问 量 是 机 密 数 据 ， 外 人 自然 无 法 得 知 。 但 
是 ， 如 果 细 心地 查 一 下 新 浪 微 博 每 天 被 搜索 引擎 抓 取 的 页 面 ， 就 可 以 发 现 ， 这 是 一 个 庞大 的 
数量 ， 如 图 13-15 所 示 。 


SS 


> 百度 近日 收录 豆油 体 扒 果 服务 和 总 凡 天 名 按 荐 代 半 注 ， 设 计 风 的 涩 放 
和 村 三 和 的 二 名 | CEI 最 折 24 小 时 性 于 傅 议 Ej 
到 度 在 时 这 1 天 内 共 家 对 了 网 站 《 weibo.com ) 1870000 个 机遇 /具体 到 而 如 下 : 


各 泊 几 日 的 和 录 党， 24:h8f 好 无] 星期 归 近 1 个 月 最 匠 1 年 怠 忆 录入 


123455678910 下 -页 > 执 到 坑 关 结果 沟 4870,000 个 


1. 慷 白 浪 被 博 -随时 防 地 分 享 身边 的 新 鲜 事 儿 订 兴 测 也是 他 中 国生 主 湾 ， 好 所 人 气 ， 当 而 量 火 烛 反 共 傅 产品 ， 用 一 避 话 队 富 记 示 生生， 
用 手机 五 时 随地 发 绊 博 。 过 汉 灾 取 划 的 最 人 六 快 虹 辽 入 条 的 资讯。 手相 凡 寺 weibo， 
Weibo.com/ 2012-3-20 - 日 度 居 


2. 依 新浪 微 博 - 随 时 随地 分 享 务 边 的 新 鲜 事 儿 久 浪 尖 卫 是 中 国 系 主 流 ， 录 呈 作 气 ， 当 了 各 人 曲 扩 二 产品 。 用 一 区 话 隐 训 i 示 生活 ， 
用 手机 中 叶 随地 洛 江 震 。 逊 到 获取 间 娄 最 人 曲 快 陈 最 曾 的 区 讯 。 竹 术 滑 仁 webo 
Wwwweibo.com/ 2012-3-20 - 可 朗 合 归 


图 13-15 新 浪 微 博 系统 一 天 的 百度 收录 量 


这 个 数据 反映 的 是 百度 24 小 时 内 收录 新 浪 微 博 条 目的 数量 : 187 万， 大 概 意思 是 说 ，24 
小 时 内 ， 新 浪 微 博 平台 至 少 发 布 或 者 更 新 了 187 万 条 微 博 一 一 由 此 可 以 推测 ， 访 问 量 肯 定 要 
数 倍 、 数 十 倍 地 大 于 这 个 数量 。 

微 博 营销 正 是 因为 微 博 提供 平台 聚合 了 很 多 人 气 ， 所 以 完全 可 以 借助 这 个 平台 来 吸引 很 
多 眼球 。 


4. 较 高 的 可 信 度 

对 普通 网 民 来 说 ， 微 博 上 发 布 的 文章 ， 具 有 比较 好 的 可 信和 度 。 

微 博 文章 比 一 般 的 论坛 信息 发 布 所 具有 的 优势 在 于 : 由 于 字数 所 限 ， 博 文 主题 更 加 突 
出 ， 微 博文 章 很 容易 被 搜索 引擎 收录 和 检索 ， 这 样 ， 使 得 微 博 文章 具有 长 期 被 用 户 发 现 和 阅 
读 的 机 会 。 

而 一 般 论坛 的 文章 读者 数量 通常 比较 少 ， 且 很 难 持久 ， 几 天 后 ， 可 能 已 经 被 人 忘记 。 

相对 于 论坛 那 种 随意 的 聊天 方式 ， 微 博 如果 发 布 专业 的 知识 ， 获 得 的 用 户 认可 也 更 多 。 


5， 互 动 性 强 

能 与 粉丝 即时 沟通 ， 及 时 获得 用 户 反 馈 。 

6， 针 对 性 强 

关注 企业 或 者 产品 的 粉丝 都 是 本 产品 的 消费 者 或 者 是 潜在 消费 者 。 企 业 可 以 其 进行 精准 
营销 。 


13.4.2” 微 博 写作 的 七 个 法 则 

微 博文 章 的 写作 方法 ， 完 全 可 以 等 同 于 独立 网 站 的 内 容 建设 方法 ， 不 清楚 的 网 络 营销 者 
可 以 翻 看 前 面 的 详细 介绍 。 这 里 大 体 上 罗列 基本 的 微 博 文章 写作 规则 。 

1， 内 容 简 明 扼要 

微 博 写作 不 像 博客 那样 没有 篇 幅 限制 ， 所 以 要 尽 可 能 地 直 奔 主题 ， 如 图 13-16 所 示 。 


文章 您; 时 间 有 限 ， 有 机 会 再 跟 大 家 多 聊 ! 希望 11 月 8 日 各 位 朋友 部 走 进 影 院 ， 支 持 《失恋 33 
人 18:42:15 来 自 腾讯 油 傅 全 部 转播 和 评论 (10771) 转播 | 评论 | 更 多 ~ 
图 13-16 内容 简要 的 微 博 
这 里 ， 微 博 直 接 明了 地 招呼 粉丝 走 进 影 院 观看 《失恋 33 天 》。 
2. 灵活 的 表达 方式 
网 民 都 喜欢 有 新 闻 价 值 、 有 趣 和 幽默 读 谐 的 内 容 ， 所 以 ， 在 微 博文 章 的 写作 上 ， 也 应 该 
尽量 加 入 这 些 元 素 ， 以 便 让 更 多 的 读者 产生 下 次 再 来 的 想法 ， 如 图 13-17 所 示 。 
文章 从 转播 : I 已 经 俱 好 了 ， 就 不 2 了 吧 。 


张 颖 ; # 提 问 失 恋 33 天 # 非 常 喜欢 文章 演 的 刘 易 阳 角色 ， 什 么 时 候 能 续 拍 宰 婚 2 阿 。 永 远 支 持 你 文章 。 
2011 年 11 月 3 日 18:12;50 来 自 手机 (t.3g,9q.com) 全 部 转播 和 评论 (3332) 


2011 年 11 月 4 日 18:38:50 来 自 腾 讯 微 博 转播 (1852) ”评论 (414) | 更 多 


图 13-17 灵活 的 微 博 


3.， 提供 有 用 内 容 
“有 用 ”是 任何 网 络 应 用 中 最 重要 的 根本 ， 作 为 微 博 营销 的 微 博 ， 提 供 有 用 的 内 容 是 必 
须 贯彻 和 坚持 的 基本 法 则 ， 如 图 13-18 所 示 。 
文章 您: 收 襄 很 多 影院 为 33 天 加 场 ， 真 的 很 开心 ! 今天 广州 明天 深圳 后 天 成 都 ， 线 点 站 是 家 
郑 西安 ! 送 上 王 先生 的 定 装 昭 ! 


a 


13-18 ”有 用 信息 的 微 博 
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4. 用 第 一 人 称 


这 一 点 可 能 是 微 博 写 作 与 其 他 写作 的 最 大 区 别 。 在 一 般 的 出 版 物 中 ， 惯 例 是 保持 作者 中 
立 ， 但 微 博 不 同 ， 你 就 是 你 ， 带 着 干 万 个 个 性 化 的 “偏见 ”， 越 表达 出 自己 的 观点 越 好 一 一 
网 上 有 上 百 万 的 微 博 ， 你 很 难 做 到 很 特别 ， 除 非 你 写 出 独一无二 的 内 容 ， 那 就 是 你 自己 。 

5. 延续 链接 


微 博 虽 然 在 网 络 门户 里 是 独立 并 自 成 体系 的 ， 但 也 是 互联 网 的 一 部 分 ， 应 该 充分 利用 这 
个 好 处 ， 让 其 他 文章 为 你 的 大 作 提 供 知识 背景 ， 让 读者 通过 链接 继续 深入 阅读 ， 尽 量 为 他 们 
提供 优秀 的 链接 一 一 这 些 链接 可 以 是 你 以 前 发 布 的 某 个 微 博文 章 ， 也 可 以 是 你 的 销售 网 站 上 
的 某 个 地 址 ， 更 可 以 是 同类 的 优秀 微 博 ， 如 图 13-19 所 示 。 
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图 13-19 ”延续 链接 的 微 博 
图 13-19 中 ， 在 微 博 后 给 出 了 详细 的 文章 地 址 。 
6. 巧妙 利用 模板 
一 般 的 微 博 平 台 都 会 提供 一 些 模板 给 用 户 ， 我 们 可 能 选择 与 行业 特色 相符 合 的 风格 ， 这 


样 更 贴切 微 博 的 内 容 。 当 然 ， 如 果 你 有 能 力 自 己 设计 一 套 有 自己 特色 的 模板 风格 ， 也 是 不 错 
的 选择 ， 如 图 13-20 所 示 。 
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图 13-20 具有 特色 的 模板 


7. # 符 号 与 @ 符 号 的 灵活 运用 


微 博 中 发 布 内 容 时 ， 两 个 “#” 间 的 文字 是 话题 的 内 容 ， 我 们 可 以 在 后 面 加 入 自己 的 见 
解 ， 要 把 某 个 活跃 用 户 引 入 ， 可 使 用 “@” 符 号 ， 意 思 是 “向 某 人 说 ”， 如 图 13-21 所 示 。 
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比如 “@ 微 博 用 户 欢迎 您 的 参与 ”。 在 微 博 菜单 中 点 击 “@ 我 的 ”， 也 能 查看 到 提 到 自 
己 的 话题 。 
来 ， 说 说 你 在 做 什么 ， 想 什么 
# 抠 湖 鸿 # @| 
@ 朋 取 帐 号 , 作 就 能 在 [ 提 到 戌 的 ] 页 收 到 
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图 13-21 # 与 @ 符 号 的 灵活 运用 
13.4.3 ” 微 博 营 销 的 五 个 典型 操作 步骤 


微 博 营销 的 操作 方式 与 传统 营销 有 所 区 别 ， 而 且 其 易 操作 性 以 及 最 初 的 低 投入 成 本 使 得 
微 博 营销 具有 非常 大 的 可 实施 性 。 下 面 以 如 何 利用 第 三 方 微 博 平台 的 微 博文 章 发 布 功能 开展 
网 络 营销 活动 为 例 ， 介 绍 微 博 营销 推广 的 典型 操作 步骤 。 


1。 选择 微 博 平台 ， 创 建 微 博 


简单 地 说 ， 网 络 营销 者 如 果 要 进行 微 博 营销 推广 ， 应 该 首先 选择 适合 网 络 营销 的 微 博 平 
台 ， 并 获得 发 布 微 博文 章 的 资格 ， 也 就 是 注册 并 创建 微 博 。 

一 般 来 说 ， 当 下 国内 的 微 博 平台 都 比较 火 ， 人 气 也 很 旺 ， 网 络 营 销 者 应 该 选择 与 自己 销 
售 产 品 的 潜在 受众 比较 吻合 的 微 博 平台 。 

在 人 气 选 择 方面 ， 如 果 要 选择 访问 量 比较 大 以 及 知名 度 较 高 的 微 博 平 台 ， 可 以 借助 Alexa 
排名 做 一 个 大 概 的 比较 。 网 站 的 Alexa 排名 可 以 到 www.alexa.com 进行 查询 。 比 如 要 查询 新 
浪 微 博 的 每 日 大 概 访问 量 ， 可 以 先 到 Alexa 中 查询 新 浪 微 博 在 整个 新 浪 网 的 访问 中 所 占 的 比 
率 ， 如 图 13-22 所 示 。 


[ 站 用 户 类 型 和 比 :全 不 同 会 产生 不 同 误 苦 宇 
日 均 IP 访问 量 [一 周平 均 ] 日 均 PV 浏览 量 [ 一 周平 均 ] 


= 17,580,000 = 202,345,800 
国家 /地 区 名 称 [6 个 ] 国家 /地 区 代码 国家 /地 区 排名 网 站 访问 比例 页 面 浏览 比例 

中 国 CN 6 94.4% 93.2% 

日 本 Pp 173 1.1% 1.3% 

美国 us 654 0.8% 1.1% 

和 在 港 特区 HK 19 0.7% 0.9% 

站 国 KR 96 0.7% 0.6% 

o o 一 2.3% 2.9% 


图 13-22 ”查询 访问 量 
从 图 13-23 中 可 以 看 出 ， 新 浪 一 天 的 微 博 的 独立 IP 量 大 概 是 1758 万 人 ， 通 过 上 述 方法 ， 
可 以 大 概 确定 网 站 的 访问 人 数 。 
另外 ， 对 某 一 领域 的 专业 微 博 网 站 来 说 ， 则 应 在 考虑 其 访问 量 的 同时 ， 还 要 考虑 其 在 该 
领域 的 影响 力 。 影 响 力 较 高 的 网 站 ， 其 微 博 内 容 的 可 信 度 也 相应 较 高 。 


二 
‘7@ 


全 4 


Dreamweaver+PHP+MySQL 动 态 网 站 开发 
案例 课堂 ~ 


2. 确定 微 博 营 销 目标 ， 制 订 微 博 营 销 推 广 计划 

在 开始 进入 具体 的 微 博 更 新 之 前 ， 需 要 先 明 确 微 博 营 销 推 广 的 目标 ， 并 且 确 定 一 个 微 博 
营销 推广 计划 。 

本 书 中 所 指 的 微 博 营 销 推广 ， 是 指 建 立 专业 的 微 博 平 台 ， 运 用 微 博 宣 传 产品 或 宣传 品 
牌 。 真 正 的 微 博 营销 是 靠 原创 的 、 专 业 化 的 内 容 吸引 潜在 购买 者 (或 者 客户 )， 培 养 一 批 忠实 的 
微 博 阅读 者 ， 在 阅读 者 群体 中 建立 信任 度 、 权 威 度 ， 形 成 微 博 品牌 ， 进 而 营销 阅读 者 的 思维 
和 购买 决定 。 

在 制订 微 博 营 销 推 广 计划 时 ， 就 应 该 明确 自己 的 目的 ， 是 通过 微 博 营 销 影响 用 户 购 买 行 
为 还 是 为 自己 的 品牌 推广 做 铺垫 ? 只 有 确定 自己 的 目标 后 ， 后 续 的 博文 编写 、 用 户 引导 才 会 
有 的 放 矢 。 

另外 ， 这 个 计划 的 主要 内 容 ， 应 该 包括 从 事 微 博 写作 的 人 员 计 划 、 每 个 人 的 写作 领域 选 
择 、 微 博文 章 的 发 布 周期 等 。 由 于 微 博 写作 内 容 有 较 大 的 灵活 性 和 随意 性 ， 因 此 ， 微 博 营 销 
计划 实际 上 并 不 是 一 个 严格 的 “企业 营销 文章 发 布 时 刻 表 ”， 而 是 从 一 个 较 长 时 期 来 评价 微 
博 营 销 工 作 的 一 个 参考 ， 如 图 13-23 所 示 。 
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图 13-23 制订 推广 计划 

3. 博文 写作 与 坚持 更 新 

确定 微 博 营销 的 目标 之 后 ， 就 可 以 着 手 开始 进行 微 博文 章 的 写作 了 。 当 微 博 建立 好 、 博 
文 准备 好 之 后 ， 就 需要 按照 上 一 步 中 的 微 博 营 销 推广 计划 开始 坚持 更 新 ， 如 图 13-24 所 示 。 

在 微 博 写作 方面 ， 可 以 参考 本 书 前 面 章节 中 介绍 的 内 容 建 设 方法 ， 选 择 好 的 标题 、 内 
容 ， 采 用 清晰 的 结构 、 优 秀 的 排版 等 方式 ， 将 自己 的 微 博文 章 写作 做 到 足够 优秀 。 

在 微 博 更 新 方面 ， 无 论 一 个 人 还 是 一 个 微 博 团 队 ， 要 保证 发 挥 微 博 营 销 的 长 期 价值 ， 就 
需要 坚持 不 懈 地 写作 ， 微 博 偶尔 发 表 几 篇 新 闻 或 者 文章 是 不 足以 达到 微 博 营销 目的 的 。 

从 另 一 方面 讲 ， 有 规律 、 稳 定 的 微 博 更 新 ， 也 更 能 及 时 地 抓 住 市 场 的 趋势 ， 为 营销 带 来 
更 大 的 助力 。 
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文章 党: 六 年 之 后 重 返 明 清 证 ， 务 一 次 策 清朝 效 。 七 天 用 职 二 十 九 个 小 时 ， 接 下 来 将 会 销 
是 三 十 个 小 时 役 宙 大 策 


文章 责 : 于 这 很 多 影院 入 33 天 加 场 ， 真 的 很 周作 1 今天 盾 州 明天 深圳 后天 成 都 ， 终 凤 站 
是 家 郑 西 安 ! 送 上 王 先 生 的 定 茜 照 | 


图 13-24 更 新 微 博 
4. 将 微 博 营销 与 其 他 资源 相 结 合 
微 博 营销 虽然 比较 适合 一 般 的 网 络 营销 者 采用 ， 但是， 并 不 代表 微 博 营销 应 该 是 独立 
的 。 相 反 ， 优 秀 的 微 博 营 销 一 定 会 借助 其 他 的 营销 资源 来 达到 更 好 的 营销 效果 。 


通常 情况 下 ， 将 微 博文 章 内 容 与 产品 销售 网 站 的 内 容 策 略 和 其 他 媒体 资源 相 结 合 ， 力 
入 、 建 立 微 博 圈子 ， 找 到 更 多 的 同类 博 友 ， 都 是 不 错 的 资源 结合 方式 ， 如 图 13-25 所 示 。 
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图 13-25 同类 博 友 
5，、 对 微 博 营 销 的 效果 进行 评估 
与 其 他 营销 策略 一 样 ， 对 微 博 营销 的 效果 也 有 必要 进行 跟踪 ， 并 根据 发 现 的 问题 ， 不 断 
完善 微 博 营销 计划 ， 让 微 博 营销 在 营销 策略 中 发 挥 应 有 的 作用 。 


二 
439 舍 


Dreamweaver+PHP+MySQL 动 态 网 站 开发 
案例 课堂 %~ 


至 于 对 微 博 营销 效果 评价 的 方法 ， 目 前 没有 完整 的 评价 模式 ， 不 过 ， 可 参考 网 络 营销 其 
他 方法 的 评价 方式 来 进行 ， 如 图 13-26 所 示 。 
司 
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13-26 评估 微 博 营销 的 效果 


13.5 “企业 微 博 营销 技巧 
想 做 大 公司 ， 企 业 微 博 营销 必 不 可 少 ， 那 么 怎样 进行 营销 呢 ? 下 面 将 介绍 一 些 营销 技巧 。 
13.5.1 与 粉丝 做 朋友 


企业 微 博 建立 之 初 ， 首 先 要 考虑 定位 的 问题 ， 而 核心 就 是 要 通过 微 博 说 点 什么 。 一 个 比 
较 明 确 的 官方 定义 就 是 企业 微 博 主要 是 用 于 快速 宣传 企业 新 闻 、 产 品 、 文 化 等 的 互动 交流 平 
台 。 同 时 ， 对 外 提供 一 定 的 客户 服务 和 技术 支持 反馈 ， 形 成 企业 对 外 信息 发 布 的 一 个 重要 途 
径 。 但 这 种 表述 并 不 清晰 ， 我 们 不 妨 通过 春秋 航空 的 微 博 进行 分 析 ， 如 图 13-27 所 示 。 
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图 13-27 ”春秋 航空 的 微 博 
在 这 个 微 博 中 ， 我 们 可 以 清楚 地 看 到 不 同类 型 的 微 博 发 布 。 
1. 企业 活动 信息 发 布 
例如 第 一 条 微 博 ， 春 秋 航 空 打 出 了 手机 订购 机 票 的 特惠 战略 ， 通 过 精 要 文字 + 深入 阅读 的 
活动 网 址 + 巧妙 释义 的 图 片 ， 对 自己 企业 近期 的 活动 做 了 一 个 发 布 。 在 文字 上 ， 春 秋 航 空 注 意 
了 结合 时 下 流行 的 网 络 词汇 “out”， 从 而 让 本 来 很 刻板 的 打折 信息 ， 因 为 最 后 一 句 的 点 睛 之 
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笔 而 活泼 了 许多 。 

2. 客服 互动 咨询 

在 其 后 的 三 条 微 博 都 可 以 归纳 在 此 ， 即 针对 不 同 的 微 博 用 户 提出 的 各 种 问题 ， 进 行 有 针对 
性 的 答复 。 而 三 条 微 博 中 ， 有 两 条 微 博 为 对 话 ， 一 条 为 转发 ， 这 其 中 其 实 是 有 讲究 的 。 即 转 
发 的 那 条 微 博 是 春秋 航空 想 通 过 用 户 咨 询 ， 让 更 多 的 微 博 听 众 接收 到 的 信息 一 一 半月 秒杀 和 
亲情 套 票 ， 通 过 巧妙 地 以 答疑 解 问 的 方式 出 现 ， 比 单纯 地 自己 打 广告 ， 更 容易 被 粉丝 接受 。 
而 另外 两 个 以 对 话 形式 出 现 的 微 博 ， 则 主要 针对 单个 用 户 并 不 具备 普遍 性 的 问题 进行 解答 ， 
以 半 公 开 的 形式 出 现 ， 这 样 既 不 会 让 其 他 粉丝 感觉 到 被 打扰 ， 又 可 以 很 好 地 解决 客户 疑难 。 


3， 人 性 化 体验 


在 春秋 航空 的 两 条 微 博 对 话 上 ， 我 们 都 能 看 到 一 个 笑脸 的 标志 ， 因 为 是 对 话 ， 更 加 强调 
对 单个 粉丝 的 点 对 点 沟通 ， 加 入 笑脸 这 么 一 个 小 小 的 图 标 ， 其 实 可 以 极 大 地 削弱 企业 微 博 的 
官 样 面孔 ， 让 对 话 者 感觉 是 在 与 一 个 朋友 进行 交流 ， 倍 感 轻松 之 余 ， 也 会 提升 对 春秋 航空 的 
好 评 度 。 这 种 拟人 化 、 富 有 情感 的 微 博 发 布 方 式 ， 其 实 是 目前 企业 微 博 最 应 该 掌握 的 核心 所 
在 。 让 企业 微 博 更 像 个 人 微 博 ， 淡 化 一 点 企业 色彩 ， 能 够 更 好 地 增强 与 粉丝 之 间 的 沟通 。 

在 信息 的 发 布 上 ， 企 业 微 博 要 注重 与 微 博 用 户 的 互动 性 ， 不 能 唱 “ 独 角 戏 ”， 在 发 布 企 
业 广 告 、 产 品 信 息 时 ， 要 站 在 用 户 的 角度 考虑 ， 发 布 一 些 具有 娱乐 性 和 分 享 价值 的 信息 ， 组 
织 一 些 让 用 户 感 兴趣 的 话题 ， 并 积极 参与 回复 讨论 。 

做 朋友 绝对 比 做 老板 好 ， 千 万 别 与 自己 的 粉丝 拉 开 一 道 天 然 的 鸿沟 ， 而 是 要 不 断 地 亲近 
他 ， 让 他 对 你 没有 那么 强 的 戒备 之 心 ， 这 样 ， 企 业 微 博 就 算 成 功 了 。 

有 调查 显示 ， 微 博 用户 最 关注 的 品牌 /产品 微 博 是 : 四 科技 数码 ; @@ 家 电 产 品 ; 图 食品 
图 服装 ;@@ 汽 车 。 如 果 你 的 企业 属于 其 中 的 一 种 ， 那 还 犹豫 什么 ? 再 不 建设 微 博 ， 你 就 将 落 
后 别人 不 止 一 步 。 


13.5.2 ”发 广告 要 有 技巧 


很 多 企业 微 博 在 创立 之 后 ， 总 有 一 个 认定 ， 那 就 是 尽 可 能 多 地 通过 微 博 去 发 布 活动 ， 做 
好 营销 公关 ， 让 网 民 通 过 微 博 来 购买 自己 的 服务 (产品 )， 希 望 通过 微 博 来 实现 与 消费 者 的 直接 
沟通 。 因 此 ， 在 企业 微 博 上 ， 充 斥 了 大 量 的 产品 信息 和 促销 公告 ， 而 时 下 最 流行 的 ， 就 是 那 
些 转发 或 购物 能 中 大 奖 的 微 博 内 容 了 。 

当然 ， 促 销 信息 要 发 ， 企 业 新 闻 也 要 有 ， 但 这 样 的 内 容 最 多 只 能 占 1/3， 而 另外 的 2/3 则 
要 通过 微 博 来 树立 企业 品牌 形象 ， 尤 其 是 亲民 的 那 种 形象 。 

东航 凌 燕 就 是 一 个 很 生动 的 例子 ， 如 图 13-28 所 示 。 

这 个 典型 的 企业 微 博 通过 空姐 这 一 载体 ， 直 接 拉 近 了 与 微 博 用 户 的 距离 ， 同 时 大 量 发 布 
了 空姐 的 工作 生活 常态 ， 从 而 将 自己 的 品牌 特色 以 最 潜移默化 的 方式 营销 出 去 。 

以 微 博 来 树立 品牌 而 不 是 做 销售 ， 其 中 比较 经 典 的 是 《新 周刊 》 的 微 博 。 

从 常理 上 来 说 ， 作 为 媒体 类 的 微 博 ， 其 实 是 最 好 推广 的 ， 因 为 每 天 ( 周 /月 ) 刊 物 上 都 会 有 
大 量 的 新 闻 信息 ， 只 要 巧妙 地 将 这 类 信息 的 关键 内 容 发 布 出 来 ， 然 后 附带 上 相关 的 网 址 ， 就 
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可 以 让 微 博 用 户 们 趋 之 车 弗 ， 想 要 了 解 更 多 内 容 。 至 于 文字 ， 当 然 不 用 担心 ， 媒 体 上 有 最 给 
2 了 高 于 。 足以 让 你 感受 到 文字 之 美 。 
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图 13-28 ”东航 凌 燕 的 微 博 


而 很 多 媒体 的 微 博 确实 也 如 此 去 做 了 ， 并 且 收 效 不 错 ， 特 别 是 一 些 社 会 新 闻 类 媒体 ， 通 
过 及 时 发 布 信息 ， 甚 至 比 自己 的 媒体 刊 发 时 间 更 早 ， 实 现 了 微 博 传递 ， 比 如 ， 在 新 闻 发 布 会 
现场 直接 传递 微 博 ， 达 到 了 极 佳 的 影响 效果 。 


13.5.3 ”企业 做 好 微 博 的 八大 要 点 
1。 学 习 其 他 企业 的 做 法 


学 习 别 人 的 成 功 经 验 永 远 是 最 有 效 和 最 直接 的 提高 自身 微 博 营销 水 平 的 办 法 。 特 别 是 发 
促销 信息 ， 太 多 的 企业 集中 在 以 大 奖 诱惑 请 人 转发 的 层面 上 ， 用 户 仅仅 是 为 了 与 企业 无 关 的 
大 奖 来 互动 ， 而 不 是 真心 实意 地 去 和 企业 互动 。 

这 方面 ， 日 本 的 优 衣 库 在 互动 上 却 有 过 极 佳 的 案例 。 一 次 ， 它 在 Twitter 上 陈列 了 10 件 
衣服 ， 规 定 “ 越 多 评论 ， 价 格 越 低 ”。 如 果 有 用 户 进 入 评论 系统 ， 网 站 就 会 告诉 用 户 目前 这 
件 衣服 有 多 少 条 评论 ， 售 价 已 经 下 降 了 多少， 距离 最 低 价 格 还 差 多 少 评论 。 如 果 你 也 写 上 一 
段 评论 ， 系 统 就 会 提示 “在 你 的 努力 之 下 ， 价 格 又 下 降 了 ”。 


2. 每 日 笔耕 不 辍 


很 多 企业 微 博 都 陷入 了 历史 周期 律 中 。 开 始 时 很 勤奋 ， 但 毕竟 起 步 阶段 并 不 会 有 多 少 影 
响 力 。 久 而 久之 就 懈 仍 了 ， 甚 至 于 很 久 才 发 布 一 条 微 博 。 结 果 呢 ， 很 多 好 不 容易 吸引 来 的 粉 
丝 ， 也 会 因为 你 的 懈 仍 而 同样 不 把 你 当 回 事 。 

当然 ， 企 业 微 博 不 一 定 每 天 都 有 新 鲜 事 可 以 发 布 ， 但 为 什么 不 学 习 《 新 周刊 》 那 样 做 好 
分 享 呢 ?固定 一 两 个 人 专门 维护 微 博 ， 假 如 你 是 一 个 服装 企业 ， 在 推销 自己 服装 的 同时 ， 完 
全 可 以 分 享 一 些 时 尚 流行 风 ， 放 上 一 些 名 模 图 片 ， 让 自己 成 为 微 博 的 服装 时 尚方 舟 ， 把 巴黎 


时 装 周 的 最 新 动态 、 国 外 品牌 的 新 款 服饰 都 带 入 进来 。 让 别人 在 分 享 美的 同时 ， 也 记 住 你 产 
品 的 名 字 ， 下 次 购物 时 遇见 了 ， 就 可 能 不 会 再 错过 了 。 

3. 主动 互 粉 核心 用 户 

很 多 企业 微 博 也 很 注意 互动 ， 但 却 不 注重 互 粉 。 当 然 ， 一 个 企业 微 博 可 能 会 有 数 以 万 计 
的 粉丝 ， 统 统 互 粉 也 不 现实 ， 也 会 显得 比较 掉价 。 但 观察 大 多 数 企 业 微 博 ， 它 所 关注 的 很 多 
都 没有 超过 三 位 数 ， 而 且 大 多 是 媒体 、 企 业 或 者 是 实名 认证 的 知名 微 博 。 

企业 微 博 也 要 讲求 关注 普通 微 博 ， 只 是 这 个 关注 是 有 讲究 的 。 要 对 那些 经 常 转发 自己 微 
博 的 人 加 以 关注 ， 转 发 在 五 次 以 上 的 、 积 极 参 加 讨论 的 ， 通 常 都 是 关注 这 个 企业 的 核心 粉 
丝 。 尽 管 对 方 的 微 博 影响 力 可 能 微不足道 ， 但 请 不 要 太 势 利 。 关 注 他 ， 你 将 能 用 一 个 小 小 的 
鼠标 轻 轻 一 点 ， 赢 得 潜在 客户 的 心 。 更 重要 的 是 ， 也 会 让 他 有 荣誉 感 ， 或 许 线 下 他 会 主动 为 
你 做 口碑 宣传 。 

4. 主动 上 门 服务 

企业 微 博 应 该 擅长 使 用 微 博 检 索 工具 ， 对 与 品牌 、 产 品 相关 的 话题 进行 监控 ， 你 不 能 指 
望 别人 主动 找 上 门 来 与 你 交流 。 如 果 你 放下 身段 ， 主 动 去 与 微 博 用 户 进行 沟通 ， 效 果 将 会 很 
明显 。 其 实 ， 这 对 个 人 微 博 来 说 也 一 样 适用 。 

当然 ， 这 种 诚 县 的 态度 也 会 通过 转发 功能 呈现 在 个 人 的 微 博 上 ， 从 而 让 自己 的 粉丝 看 
见 ， 并 且 进 行 直接 和 有 针对 性 的 互动 ， 这 也 会 博取 更 多 人 的 好 感 。 


5. 做 读者 守望 的 微 博 时 报 


在 企业 微 博信 息 发 布 上 ， 其 实 完全 可 以 突破 个 人 微 博 的 瓶颈 ， 而 选择 制度 化 一 点 。 如 
《新 周刊 》 的 早晚 安 一 样 ， 每 日 在 特定 的 时 段 发 布 特定 的 流行 信息 ， 这 样 ， 更 加 容易 巩固 读 
者 的 阅读 激情 ， 哪 怕 是 每 日 ( 周 ) 秒 杀 、 打 折 、 抢 购 信息 ， 也 可 以 选择 在 一 个 特定 时 间 节点 上 发 
布 ， 而 不 是 在 任意 时 段 不 经 意 地 出 现 。 特 定时 间 的 发 布 ， 可 以 让 读者 规划 好 时 间 前 来 守望 并 
且 转 发 ， 这 样 效 果 会 更 佳 。 


6. 让 粉丝 “加 盟 ”企业 


产品 信息 不 是 不 能 上 微 博 ， 但 发 布 时 ， 还 是 需要 包装 的 。 企 业 微 博 忙 不 迭 地 将 一 大 堆 产 
品 以 说 明 书简 介 + 图 片 的 形式 发 布 出 去 ， 会 显得 很 傻 。 讲 求 迁 回 ， 往 往 能 够 获得 更 好 的 效果 。 

比如 ， 让 粉丝 与 你 的 产品 互动 ， 对 某 个 新 产品 举行 一 个 定价 微 博 听证 会 ， 希 望 微 博 粉丝 
们 对 某 个 产品 提出 修改 意见 ， 邀 请 粉丝 为 自己 的 产品 做 个 设计 ， 择 优 录取 ， 甚 至 提供 工作 岗 
位 等 。 其 实 ， 有 很 多 方法 来 做 迁 回 ， 尽 管 表面 上 看 起 来 没有 直接 打 广 告 ， 但 在 微 博 上 ， 最 关 
键 的 还 是 做 品牌 ， 而 不 是 卖 产品 ， 产 品 广告 用 别 的 平台 发 布 更 好 。 

7. 让 自己 的 员工 一 起 微 博 

这 样 做 有 两 个 好 处 。 一 个 是 加 强 微 博 用 户 对 企业 的 个 性 化 体验 ， 比 如 ， 东 航 凌 燕 的 团队 


微 博 和 各 种 以 凌 燕 为 名 的 东航 空姐 个 人 微 博 ， 从 而 用 散打 的 方式 ， 让 更 为 广泛 的 微 博 用 户 了 
解 企 业 品 牌 ， 加 深 对 企业 的 认识 和 黏合 度 。 另 一 个 好 处 则 是 加 强 企业 员工 对 企业 的 认同 感 ， 
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甚至 通过 微 博 找 到 自己 所 在 职位 的 最 佳 创意 和 方案 。 

全 球 最 大 家 用 电器 和 电子 产品 零售 集团 百思买 的 微 博 营销 案例 颇 为 值得 借鉴 。 

喜欢 科技 的 客户 常常 很 享受 使 用 和 学 习 产品 功能 的 细节 、 好 处 ， 并 喜欢 分 享 时 那 种 头脑 
风暴 带 来 的 挑战 。 百 思 买 想 了 个 独特 的 方法 ， 它 组 织 起 几 千 名 员工 ， 利 用 Twitter 直接 与 消费 
者 进行 实时 互动 。 这 个 技术 支持 服务 团队 被 形象 地 称 为 “ 蓝 衫 军 ” 一 一 因为 所 有 参与 这 个 项 
目的 雇员 都 身 着 蓝 色 工 恤衫 。 他 们 共同 为 @twelpforce 账户 工作 ， 消 费 者 可 以 用 自己 的 Twitter 
账户 直接 向 @twelpforce 账号 提问 ， 任 何 百思买 的 员工 都 能 通过 @reply(Twitter 上 回复 某 人 的 
方式 ) 的 方式 来 回复 顾客 的 提问 。 


这 样 做 ， 一 方面 ， 用 户 得 到 了 最 快速 的 信息 反馈 ， 甚 至 是 直接 深入 到 某 一 部 门 某 一 职员 
的 ， 而 不 是 停留 在 并 不 一 定 了 解 情况 的 客服 专员 那里 ， 市 场 部 门 的 25 颗 脑袋 一 下 子 变 成 全 公 


司 员工 的 集体 智慧 另 一 方面 ， 利 用 网 络 模糊 市 场 营销 与 客户 服务 的 界限 ， 有 效 动员 了 百 思 
买 的 员工 积极 参与 到 在 线 客户 信息 服务 中 ， 从 而 让 企业 更 加 互动 和 更 有 活力 。 


8.， 做 好 危机 公关 


微 博 是 一 把 双 刃 剑 ， 也 是 将 互联 网 危机 在 第 一 时 间 消 强 于 无 形 的 利器 。 主 动 找 上 门 来 的 
或 在 自己 微 博 上 发 牢骚 的 微 博 用 户 ， 企 业 应 该 第 一 时 间 关 注 ， 用 尊重 用 户 的 方式 ， 去 了 解 问 
题 的 始末 由 来 ， 态 度 诚 尽 地 解决 问题 ， 切 勿 引起 争辩 。 要 用 敢于 主动 解决 问题 的 方式 来 提高 
企业 品牌 美誉 度 。 要 以 德 服 人 。 而 以 势 压 人 、 打 压 或 者 通过 公关 公司 删除 负面 信息 的 方式 是 
绝 不 可 取 的 。 

例如 ，2010 年 7 月 ， 霸 王 洗 发 水 被 报 “致癌 风波 ”。 霸 王 在 第 一 时 间 开 启 微 博 ， 通 过 官 
方 微 博 发 布 了 29 条 信息 做 出 相关 的 说 明 。 霸 王 凭 借 微 博 公布 信息 ， 将 媒体 集中 到 微 博 上 ， 减 
少 了 猜测 ， 提 高 了 危机 公关 的 效率 ， 这 其 实 是 非常 有 借鉴 意义 的 。 

总 之 ， 对 企业 微 博 来 说 ， 尽 量 不 要 利用 微 博 去 卖 产 品 ， 微 博 应 当 承 载 的 是 一 个 品牌 形象 
推广 和 监测 的 功能 。 企 业 可 以 通过 这 个 平台 直接 获取 消费 者 对 品牌 的 感受 以 及 最 新 的 需求 ， 
从 而 为 企业 获取 市 场 动态 及 进行 危机 公关 提供 依据 。 


9， 善 于 回复 粉丝 们 的 评论 


我 们 要 积极 查看 并 回复 微 博 上 粉丝 的 评论 ， 被 关注 的 同时 ， 也 去 关注 粉丝 的 动态 。 既 然 
是 互动 ， 那 就 得 相互 动 起 来 ， 有 来 才 会 有 往 。 如 果 你 想 获取 更 多 的 评论 ， 就 要 用 积极 的 态度 
去 对 待 评论 ， 回 复评 论 也 是 对 粉丝 的 一 种 尊重 。 


10， 确 保 信息 真实 与 透明 


我 们 搞 一 些 优惠 活动 、 促 销 活动 时 ， 应 当 以 企业 的 形式 发 布 ， 要 即时 兑现 ， 并 公开 得 奖 
情况 ， 获 得 粉丝 的 信任 。 微 博 上 发 布 的 信息 要 与 网 站 上 的 一 致 ， 并 且 在 微 博 上 及 时 对 活动 跟 
踪 报 道 。 确 保 活动 的 持续 开展 ， 以 吸引 更 多 客户 的 加 入 。 


13.5.4 个 人 微 博 “企业 化 ” 
让 企业 员工 的 个 人 微 博 成 为 企业 品牌 树立 的 一 个 标杆 ， 在 很 大 程度 上 能 够 填补 企业 官方 


微 博 的 不 足 。 特 别 是 企业 高 层 微 博 ， 他 可 以 很 生活 化 ， 记 述 自己 在 生活 中 的 所 见 所 闻 和 感 
受 ， 也 可 以 很 职业 化 ， 讲 述 最 近 在 工作 中 的 麻烦 。 闲 谈 之 间 ， 就 拉 近 了 原本 在 网 民 看 来 比较 
神秘 的 企业 老总 和 自己 的 距离 。 

在 国外 ， 这 已 经 是 一 个 非常 普遍 的 现象 。 

Zappos 以 网 上 卖 鞋 起 家 ， 现 在 已 经 变 成 了 一 个 名 副 其 实 的 网 络 百货 商场 。Zappos 的 客户 
是 一 群 年 轻 并 蜗居 于 网 络 的 人 。 其 首席 执行 官 Tony Hsieh 以 CEO 的 名 义 开 了 Twitter 账户 ， 
拥有 169 万 追随 者 ， 表 明 Zappos 乐于 接近 客户 、 理 解 客户 的 态度 (在 交流 中 建立 开放 诚实 的 
关系 )，Tony 非常 坦诚 地 与 用 户 进行 沟通 ， 给 整个 公司 的 品牌 带 来 了 积极 的 影响 。 

而 在 国内 ， 企 业 + 个 人 的 微 博 模式 ， 突 出 体现 在 互联 网 企业 ， 特 别 是 游戏 公司 ， 不 仅 游 戏 
公司 高 层 开设 微 博 与 普通 用 户 互动 ， 就 连 中 高 层 也 通过 微 博 为 企业 品牌 不 断 加 分 。 

但 凡 一 款 新 游戏 发 布 的 前 夜 ， 都 会 引发 不 少 玩家 在 微 博 上 的 讨论 。 这 时 ， 一 个 已 经 模式 
化 的 微 博 营销 方式 就 是 : 不 少 游戏 的 设计 主管 会 在 关键 时 刻 分 享 一 些 最 新 的 设计 内 容 和 某 些 
产品 趣闻 ， 甚 至 部 门 之 间 的 负责 人 还 会 在 微 博 上 为 某 个 产品 打 一 下 口水 战 。 尽 管 无 法 确 知 是 
不 是 营销 行为 ， 但 总 能 吸引 到 不 少 关 注 度 。 而 带 有 企业 印记 的 个 人 微 博 ， 无 论 是 哪 一 阶层 ， 
其 实 都 在 或 明 或 暗 地 彰 显 着 企业 文化 。 在 这 方面 加 强 引 导 ， 让 个 人 微 博 为 企业 品牌 加 分 ， 又 
不 让 其 失去 独立 性 ， 则 有 聚 沙 成 塔 的 效果 。 

而 比较 经 典 的 案例 发 生 在 世界 杯 期 间 。 

4399 游戏 网 站 站 长 蒙 文 胜 发 了 一 条 微 博 : “为 感谢 博 友 们 的 支持 ， 配 合 世界 杯 和 大 家 互 
动 一 下 。 大 家 可 以 竞猜 世界 杯 最 后 四 强 排名 。 中 只 要 评论 我 这 条 微 博 ， 写 出 四 强 顺 序 ， 例 
如 : 1 阿根廷 ，2 德国 ，3 巴西 ，4 英格兰 ， 并 转发 到 你 自己 微 博 留 底 ，@ 从 现在 开始 72 小 时 
内 回复 有 效 。 会 以 最 先 回复 时 间 来 计算 前 32 位 猜 中 者 ， 送 出 32 部 Phone4。” 

简单 的 一 个 活动 ， 收 获 了 30 万 人 参与 ， 同 时 ， 这 几 十 万 人 也 把 药 文 胜 和 “4399” 记 住 
了 。 其 实 ， 蔡 文 胜 并 没有 在 这 个 活动 中 为 自己 的 网 站 做 任何 显 性 宣传 ， 无 招 胜 有 招 办 了 。 

当然 ， 也 有 比较 失败 的 案例 ， 比 如 互联 网 企业 老总 之 间 为 了 产品 之 争 而 进行 的 驾 战 ， 通 
过 他 们 自己 的 微 博 发 布 ， 且 不 断 地 传播 ， 被 微 博 用 户 所 熟知 ， 并 被 传统 媒体 和 大 量 网 络 媒体 
所 引用 ， 其 结果 是 骂人 的 无 论 再 有 理 ， 最 后 依然 把 自己 企业 的 品牌 深 深 地 伤害 了 。 


13.5.5 “精确 瞄准 目标 用 户 


不 管 是 哪 一 种 企业 微 博 推广 模式 ， 企 业 微 博 的 推广 营销 一 定 要 精准 。 没 有 哪 一 家 互联 网 
企业 不 想 将 企业 的 声音 传递 到 最 应 该 传达 到 的 受众 身上 ， 这 可 以 广义 地 理解 为 信息 对 于 目标 
用 户 的 “精准 递送 ”。 如 果 这 种 信息 传播 没 做 到 精准 性 ， 那 么 这 次 推广 就 与 目标 人 群发 生 了 
信息 传递 不 匹配 ， 就 不 会 形成 有 效 的 反馈 、 互 动 。 

类 似 “ 问 题 传播 ”的 结果 只 能 用 失败 去 定义 。 因 而 ， 企 业 在 策划 其 相应 的 微 博 营销 活动 
之 前 ， 就 应 该 明确 该 活动 的 信息 如 何 才能 利用 最 有 效 的 信息 传输 渠道 ， 并 负载 简明 扼要 的 信 
息 ， 精 准 传递 到 更 具有 传播 效用 的 目标 用 户 手中 。 

作为 一 个 全 新 的 互联 网 传播 载体 ， 微 博 的 应 用 其 实 还 有 极其 广阔 的 海洋 。 而 时 至 今日 ， 
真正 在 国内 非常 成 功 的 微 博 案例 并 不 算 多 。 究 其 原因 ， 还 是 在 于 微 博 营销 尽管 如 同 论坛 话 
题 、 网 络 新 闻 等 一 样 ， 可 以 具备 极 强 的 瞬间 爆发 力 ， 但 它 同 时 也 是 一 个 长 期 且 系统 的 工程 ， 
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一 两 个 话题 引爆 并 不 代表 一 个 微 博 的 成 功 ， 长 时 间 潜 心 积 累 和 耕耘 ， 实 现 微 博 传 播 从 量变 到 
质变 的 奇特 效果 ， 真 正 达到 六 度 空 间 理论 的 口碑 神话 ， 从 而 点 亮 社 群 ， 才 是 微 博 营销 成 功 的 
关键 。 这 一 点 对 于 个 人 乃至 企业 都 是 同样 的 。 


13.6 ”网 络 新 闻 营 销 


从 前 面 的 叙述 中 ， 我 们 可 以 看 出 网 络 新 闻 比 传统 新 闻 的 强势 之 处 ， 相 信任 何人 都 有 欲望 
去 开展 这 样 一 场 成 本 低廉 、 效 果 永 久 且 威力 强大 的 网 络 新 闻 营 销 了 。 下 面 让 我 们 看 看 网 络 新 


NN 闻 区 别 于 其 他 传统 媒体 的 几 大 突出 特征 。 


13.6.1 ”强悍 的 时 效 性 


与 传统 媒体 相 比 ， 网 络 的 时 效 性 是 有 目 共 睹 的 。 纸 质 媒体 的 出 版 周期 常 以 天 或 周 计 ， 像 
杂志 ， 则 是 半月 刊 或 月 刊 或 季刊 ， 电 视 、 广 播 的 周期 以 天 或 小 时 计算 ， 一 般 还 得 根据 不 同时 
段 的 节目 设置 来 安排 ， 而 网 络 新 闻 的 更 新 周期 却 是 以 分 钟 甚至 秒 来 计算 的 。 通 过 互联 网 进行 
电子 传播 的 网 络 媒体 比 通过 传统 的 实质 性 载体 进行 物质 级 别传 播 的 传统 媒体 的 传输 成 本 更 
低 ， 速 度 也 更 快 。 

网 络 传播 所 需 的 只 是 一 台 个 人 计算 机 而 已 ， 但 却 可 以 实时 地 把 消息 送 上 网 络 ， 而 且 网 络 
传播 是 流动 的 ， 没 有 特定 的 出 版 时 间 ， 随 时 可 以 插播 新 的 信息 ， 这 就 决定 了 网 络 即时 传播 的 
可 能 性 。 

例如 2008 年 5 月 12 日 汶川 大 地 震 ， 给 所 有 中 国人 的 心 上 都 留 下 了 一 道 深 深 的 伤痕 。 在 
汶川 大 地 震中 ， 我 们 可 以 看 到 ， 地 震 发 生 后 ， 各 大 网 站 都 反应 迅速 ，5 月 12 日 14:46， 新 华 
网 最 早 发 出 快讯 : 四 川 汶川 发 生 7.6 级 地 震 。15:02 央视 播 出 了 第 一 条 地 震 消息 ， 比 网 络 慢 了 
16 分 钟 ， 而 最 快 的 报纸 也 只 能 是 当天 的 晚报 了 。 从 时 间 的 对 比 上 可 以 看 出 ， 网 络 新 闻 确 实在 
快速 反应 、 即 时 更 新 方面 有 着 传统 媒体 难以 比肩 的 优势 。 

而 这 一 时 效 性 有 着 强大 的 信息 容量 。 过 去 的 通信 社 也 能 达到 超 快 的 时 效 性 ， 能 够 做 到 与 
时 间 同 步 ， 但 绝对 是 一 句 话 新 闻 、 一 条 简讯 ， 之 后 也 很 难 迅速 对 内 容 进行 填充 。 而 网 络 新 闻 
则 不 同 ， 网 络 容量 之 大 ， 任 何其 他 媒介 都 无 可 企及 。 在 传统 的 新 闻 媒 体 上 ， 如 报纸 的 版 面 
电视 、 广 播 的 时 间 都 是 有 限 的 ， 而 面 对 这 样 一 个 信息 爆炸 的 时 代 ， 传 统 版 面 的 信息 量 是 完全 
不 能 满足 现代 社会 受众 需要 的 。 但 网 络 新 闻 就 很 轻松 地 解决 了 这 一 问题 。 网 络 新 闻 的 超 链 接 
方式 使 网 络 新 闻 的 内 容 在 理论 上 具有 无 限 的 扩展 性 与 丰富 性 。 只 要 是 信息 ， 并 且 传 播 者 觉得 
对 受众 有 帮助 ， 便 可 以 将 这 一 信息 放 在 互联 网 上 ， 而 不 需要 受到 别 的 限制 。 


13.6.2 ”猛烈 的 传播 力 


据 新 浪 网 公布 的 数字 显示 ，2011 年 11 月 1 日 ， 在 “ 神 八 ” 发 射 当 天 ， 该 网 站 所 制作 的 专 
题 浏览 量 达到 了 4.5 亿 人 次 ， 超 过 当天 所 有 国内 报纸 读者 总 和 。 值 得 注意 的 是 ， 在 这 次 新 闻 报 
道 过程 中 ， 新 浪 网 综合 了 几乎 所 有 大 众 传媒 信息 的 传播 手段 ， 文 字 报道 、 视 频 、 音 频 、 手 机 
短信 ， 而 不 是 像 以 前 经 常 采用 的 单纯 的 文字 滚动 报道 ， 进 而 大 获 成 功 。 


使 446 


这 就 是 网 络 新 闻 的 传播 力 ， 是 任何 报纸 都 无 法 企及 的 。 网 络 媒体 传播 空间 不 分 地 域 、 没 
有 疆界 ， 可 以 说 ， 全 球 互通 互 连 的 电子 网 络 有 多 大 ， 网 络 媒体 的 传播 空间 就 有 多 大 。 传 播 空 
间 的 无 限 广阔 ， 这 是 报纸 等 传统 媒体 所 望尘莫及 的 。 迄 今 为 止 ， 没 有 发 行 量 达 到 这 个 数量 的 
报纸 ， 国 内 顶级 大 报 发 行 量 过 百 万 ， 即 使 是 《南方 周末 》 这 样 的 一 直 风 行 的 媒体 ， 其 数 百 万 
发 行 量 ， 外 加 其 宣称 的 传阅 达到 5 次 ， 也 至 多 不 过 千 万 而 已 。 而 仅仅 新 浪 网 在 一 个 专题 上 的 
影响 力 就 足以 媲美 十 多 家 主流 大 报 ， 其 传播 力 可 见 一 斑 。 

而 这 种 传播 力 甚至 成 就 了 一 些 传统 媒体 的 辉煌 ， 让 他 们 在 网 络 上 获得 了 在 大 本 营 的 传统 
媒体 上 所 没有 获得 的 影响 力 。 比 较 经 典 的 是 《联合 早报 》， 作 为 新 加 坡 和 东南 亚 地 区 销量 最 
大 的 华文 日 报 ， 每 天 的 发 行 量 超过 20 万 份 。1995 年 电子 版 开始 上 网 发 行 ， 至 1997 年 9 月 电 
子 版 的 月 阅览 次 数 突破 了 1000 万 ， 成 为 新 加 坡 第 一 份 月 阅览 总 数 超过 千 万 次 的 网 上 报纸 。 美 
国 媒体 业 权威 杂志 《多 样 化 》 发 表 的 调查 表明 ， 网 络 新 闻 媒体 阅读 率直 线 上 升 ， 如 CNN 新 闻 
网 的 收视 率 增加 了 10 倍 ; 日 本 《朝日 新 闻 》1995 年 8 月 10 日 上 网 ， 第 一 周 浏览 人 数 便 达到 
100 万 ， 到 1997 年 1 月 13 日 ， 上 网 访问 的 人 次 累积 已 达 5 亿 ; 我 国 的 《电脑 报 》 电 子 版 自 
1997 年 2 月 21 日 开通 以 来 ， 不 到 一 个 月 ， 上 网 访问 人 数 就 超过 了 2 万 ， 现 正 以 每 天 500 人 次 
以 上 的 纪录 往 上 攀升 ， 成 为 网 上 颇 有 影响 的 中 文 电 子 媒体 。 有 的 报刊 原先 名 不 见 经 传 ， 因 为 
上 了 因特网 ， 阅 读 率 就 直线 上 升 ， 知 名 度 大 大 提高 。 

这 种 直接 的 对 比 几 乎 让 传统 媒体 都 自觉 地 向 网 络 媒体 的 传播 力 投降 ， 自 叹 不 如 。 


13.6.3 轻松 、 自 主 


与 传统 新 闻 比 较 ， 网 络 新 闻 更 具 可 读 性 、 知 识 性 、 趣 味 性 ， 更 平民 化 。 这 让 网 络 新 闻 的 
读者 要 比 传统 新 闻 多 ， 毕 竟 谁 都 愿意 听 朋 友 说 话 ， 多 有 趣 、 多 生活 化 啊 ， 难 道 你 很 喜欢 一 天 
到 晚 看 着 老师 板 着 脸 教导 你 这 样 做 、 那 样 做 吗 ? 在 潜意识 里 ， 我 们 会 把 网 络 新 闻 当 朋友 ， 而 
把 传统 媒体 当 老师 。 亲 近 程 度 自然 就 不 一 样 。 

网 络 新 闻 在 语言 表述 上 更 为 口语 化 ， 轻 松 活泼 ， 许 多 新 闻 幽 默 、 犀 利 ， 可 读 性 极 强 。 网 
络 新 闻 语言 的 这 些 特 点 的 形成 大 致 源 于 以 下 原因 。 

(1) 网 络 新 闻 要 求 极 快 的 更 新 速度 ， 因 而 需要 使 用 简明 易 读 的 语言 。 

(2) 网 络 新 闻 的 互动 性 与 自主 性 ， 使 得 新 闻 语 言 的 表达 趋 于 口语 化 和 易 交 流 性 。 

(3) 与 传统 媒体 点 对 面 的 单 向 传输 不 同 ， 网 络 传播 是 点 对 点 进行 的 ， 具 有 交互 性 。 

要 调动 受众 参与 的 积极 性 ， 就 必须 使 新 闻 稿 件 的 现场 感 增强 ， 行 文生 动 ， 可 读 性 强 ， 或 
较为 口语 化 ， 幽 默 轻松 ， 使 受众 有 交流 的 渴望 ， 愿 意 往 各 网 站 设置 的 论坛 、 博 客 上 发 帖子 ， 
写 点 博文 ， 一 吐 为 快 。 

而 且 ， 网 络 新 闻 与 传统 新 闻 相 比 ， 新 闻 信息 的 联结 不 再 仅仅 是 线性 的 ， 而 是 网 状 的 ， 新 
闻 报 道 与 写作 的 文本 结构 不 再 仅仅 是 线性 文字 的 ， 而 是 超 文本 结构 的 。 即 它 不 仅 有 文字 文 
本 ， 而 且 有 声音 文本 、 图 画 文本 、 动 画 文 本 甚至 影视 文本 。 这 使 得 网 络 新 闻 其 实 具备 了 报 
纸 、 电 视 、 广 播 乃至 动漫 的 色彩 ， 是 当之无愧 的 全 媒体 ， 可 以 全 面 兼容 其 他 所 有 媒体 的 特 
征 ， 化 为 已 用 ， 从 而 最 大 限度 地 满足 所 有 读者 的 需求 。 如 果 你 不 想 看 文字 ， 那 么 你 可 以 看 
图 ， 如 果 连 图 也 不 想 看 ， 可 以 考虑 看 看 视频 ， 要 是 连 视频 都 不 看 ， 那 还 有 其 他 选择 ， 如 果 什 
么 都 不 选 ， 那 你 不 是 网 络 新 闻 的 受众 ， 也 没 必 要 被 网 络 新 闻 照 顾 了 。 不 过 ， 这 样 的 人 要 人 么 不 
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懂得 使 用 计算 机 ， 要 么 连 传统 媒体 也 不 太 关注 。 

所 以 ， 网 络 新 闻 具 有 丰富 多 彩 的 立体 性 和 艺术 性 、 简 洁 明 快 的 生活 性 、 自 在 平等 的 人 性 
化 和 非常 可 喜 的 民主 化 。 它 虽然 有 时 会 不 免 泥 沙 俱 下 ， 也 有 这 样 或 那样 的 缺憾 和 不 足 之 处 ， 
但 互联 网 的 出 现 ， 无 疑 给 新 闻 的 传播 创造 了 一 个 前 景 极 好 的 平台 。 


13.6.4 ”互动 升级 为 共 动 


在 传统 媒体 新 闻 传 播 中 ， 受 众 往往 会 受到 各 种 限制 ， 比 如 报纸 只 能 阅读 上 面 既定 的 内 
容 ， 电 视 广 播 都 得 按照 其 预定 的 时 间 收 看 收听 。 而 网 络 就 没有 那么 多 的 限制 ， 只 要 登录 到 互 
联网 ， 就 可 以 在 任何 一 个 网 站 看 到 想 看 的 新 闻 ， 并 根据 自己 的 兴趣 爱好 自由 地 选择 。 读 者 不 
再 被 动 地 接收 信息 ， 而 是 自主 地 去 选择 信息 。 同 时 ， 人 们 还 可 以 对 自己 感 兴趣 的 内 容 加 以 评 
论 ， 与 众多 网 友 共同 交流 。 

网 络 新 闻 具 有 良好 的 交互 性 ， 读 者 可 以 利用 网 站 上 的 “读者 ”、“ 留 言 短 ”、“ 网 上 杂 
坛 ”等 栏目 ， 加 强 各 方面 的 相互 交流 。 在 网 络 新 闻 上 ， 可 以 增强 读者 与 编辑 、 读 者 与 读者 的 
交流 。 读 者 不 再 被 动 地 看 ， 而 是 可 以 主动 参与 。 不 少 读者 在 读 完 网 络 新 闻 后 ， 随 即 发 来 电子 
邮件 ， 或 在 新 闻 之 后 跟 帖 ， 积 极 参与 编辑 工作 ， 有 的 提 建 议 ， 有 的 无 偿 提 供 资料 。 而 这 些 电 
子 邮件 只 需 几 秒 就 可 传 到 网 站 的 电子 邮箱 中 ， 编 辑 因 此 能 够 及 时 了 解读 者 的 意见 ， 解 答 读者 
疑问 ， 信 息 反馈 很 快 。 读 者 与 编辑 、 记 者 通过 电子 邮件 方式 ， 可 以 就 各 种 问题 进行 “ 面 对 
面 ”的 交流 。 

利用 互动 功能 的 ， 不 仅 有 新 闻 网 站 ， 还 有 许 许 多 多 杀 入 网 络 新 闻 传播 的 传统 媒体 ， 甚 至 
是 电视 媒体 。 其 中 ，CCTYV 与 其 网 站 央视 国际 的 互动 更 为 突出 。 从 2001 年 起 ， 央 视 国际 多 次 
实现 了 与 电视 节目 的 互动 ， 其 中 包括 中 国 加 入 世贸 组 织 的 特别 报道 中 ， 央 视 国 际 与 《东方 时 
空 》 节 目 进行 的 网 上 互动 直播 ， 春 节 联 欢 晚会 央视 国际 与 电视 晚会 的 互动 等 。 

然而 ， 互 动 只 能 说 明 传播 双方 交流 通道 的 畅通 ， 在 互动 过 程 中 ， 传 播 者 仍然 占据 主导 地 
位 ， 而 受众 仍然 是 接收 者 与 相对 被 动 的 反馈 者 。 但 是 ， 从 网 络 新 闻 发 展 的 实践 来 看 ， 在 一 定 
的 场合 下 ， 网 民 不 仅 是 信息 的 接收 者 与 反馈 者 ， 同 时 也 可 能 在 一 定 程度 上 影响 到 网 络 新 闻 的 
传播 者 的 传播 意向 与 行为 。 有 时 ， 在 一 个 新 闻 事件 的 传播 过 程 中 ， 网 民 与 新 闻 网 站 的 作用 几 
乎 是 同等 重要 的 ， 两 者 之 间 也 渐渐 融 为 一 体 ， 很 难 分 出 彼此 ， 两 者 之 间 的 沟通 方式 ， 已 经 不 
再 是 简单 的 反馈 与 交流 ， 而 是 一 种 你 中 有 我 、 我 中 有 你 的 共同 协作 。 

因此 ， 网 络 受 众 观 的 又 一 次 飞跃 表现 为 将 互动 的 关系 进一步 演化 为 “ 共 动 ”的 关系 。 这 
时 ， 受 众 参与 的 手段 主要 仍然 是 论坛 、 邮 件 等 基本 方式 ， 但 是 ， 他 们 处 于 更 积极 的 地 位 。 他 
们 可 以 通过 新 闻 的 转发 ， 提 升 某 些 新 闻 的 价值 ， 增 加 某 些 事件 的 关注 度 ， 也 可 以 通过 热烈 的 
讨论 ， 将 个 人 意见 汇流 为 公共 意见 。“ 共 动 ” 意 味 着 受众 在 网 络 新 闻 传 播 中 的 作用 得 到 了 更 
充分 的 体现 ， 而 同时 ， 他 们 对 社会 生活 的 干预 能 力也 增强 了 。 近 年 来 的 一 系列 网 络 新 闻 事 
件 ， 正 是 传统 媒体 、 网 络 媒体 与 网 民 共 动 的 结果 。 


13.6.5 ”网 络 新 闻 写 作 技 巧 
新 闻 界 有 人 句 行 话 :， “标题 是 新 闻 的 眼睛 ”， 因 为 新 闻 标题 不 仅 是 一 篇 完整 的 新 闻 报道 的 


重要 组 成 部 分 ， 更 对 新 闻 信 息 的 传递 起 着 至 关 重 要 的 作用 。 对 很 多 人 来 说 ， 阅 读 报纸 仅 就 是 
阅读 一 下 标题 ， 看 到 感 兴趣 的 ， 才 会 去 仔细 看 看 正文 。 网 络 新 闻 更 是 如 此 。 

网 络 开创 了 “ 读 题 时 代 ”。 一 则 有 创意 的 标题 能 化 腐朽 为 神奇 ， 并 且 能 带 来 极 高 的 点 击 
率 。 在 这 个 网 络 容量 无 限 、 新 闻 信息 爆炸 的 年 代 ， 网 民 如 何 找到 自己 关心 的 新 闻 和 信息 ， 新 
闻 和 信息 如 何 才 更 吸引 网 民 的 “眼球 ”， 在 很 大 程度 上 取决 于 网 络 编辑 的 标题 制作 水 平 。 

为 了 紧 跟 “眼球 经 济 ” 的 步伐 ,很 多 网 站 在 对 一 些 平淡 无 奇 的 新 闻 进 行 编辑 时 ， 常 常 使 
用 各 种 手段 ， 制 作 吸引 受众 的 新 闻 标 题 ， 而 当 这 种 做 法 过 当时 ， 就 出 现 了 “标题 党 ”。 


1 标题 多 样 性 


很 多 从 事 企 业 公 关 的 媒介 人 员 很 喜欢 干 一 件 事 ， 那 就 是 每 天 给 各 个 网 络 媒体 群发 稿件 ， 
先 不 看 稿件 的 质量 如 何 ， 仅 看 看 标题 就 知道 成 败 了 。 因 为 如 果 你 不 研究 网 站 特征 ， 而 是 一 个 
通 稿 发 到 底 ， 就 算 你 运气 不 错 ， 编 辑 与 你 关系 也 不 错 ， 将 你 的 文章 发 布 在 网 站 新 闻 的 重要 位 
置 ， 你 也 可 能 失败 。 为 什么 呢 ? 因为 你 的 标题 都 是 一 个 模子 ， 标 题 没 有 取 好 名 就 没 人 看 。 

一 定 要 和 弄 清楚 网 络 媒 体 与 传统 媒体 的 区 别 ， 网 络 媒体 在 发 展 中 形成 了 自身 的 标题 制作 特 
点 ， 如 网 络 新 闻 标 题 ， 多 为 描述 基本 事实 的 ， 字 数 极其 有 限 ; 由 于 时 效 性 的 要 求 ， 制 作 时 ， 
无 法 仔细 插 酌 ， 处 于 快速 撰 题 实时 发 稿 的 状态 ， 如 果 刊 发 后 发 现 标题 有 问题 或 对 标题 表述 不 
满意 ， 可 以 再 修改 、 再 刊 发 ， 网 站 编辑 对 新 闻 标 题 制 作 的 自主 性 相对 传统 媒体 较 高 ， 审 核 机 
制 不 严格 ; 另外 ， 部 分 传统 媒体 图 文 新 闻 、 标 题 本 身 存在 问题 ， 会 被 网 络 编辑 不 加 甄别 、 判 
上 断 而 直接 转载 采用 。 尽 管 存在 不 少 问题 ， 但 网 络 新 闻 的 标题 依旧 有 着 极 强 的 特征 。 

毕竟 对 网 络 新 闻 编 辑 来 说 ， 消 息 的 条 数 太 多 ， 展 示 起 来 不 容易 安排 。 由 于 网 络 上 的 新 闻 
信息 是 以 一 种 超 文 本 的 形式 呈现 的 ， 读 者 对 新 闻 的 选择 ， 首 先是 通过 对 一 个 个 标题 的 浏览 来 
实现 的 ， 标 题 是 新 闻 发 生 作 用 的 起 点 ， 是 新 闻 信息 为 读者 所 接受 的 必 经 通道 。 读 者 总 是 先 接 
触 到 作为 阅读 索引 的 标题 ， 然 后 通过 点 击 标题 ， 再 看 到 相关 的 正文 或 图 片 。 这 种 阅读 程序 决 
定 了 标题 在 网 络 传播 中 的 作用 ， 大 大 超过 了 它们 在 传统 媒体 传播 活动 中 的 作用 。 新 闻 标 题 已 
经 成 为 网 络 受 众 认识 新 闻 内 容 、 判 断 新 闻 价值 的 第 一 信号 ， 成 为 受众 决定 是 否 索取 深层 新 闻 
信息 的 第 一 选择 关口 。 网 络 新 闻 的 标题 与 正文 之 间 客 观 上 存在 着 朴 离 性 (阅读 任何 一 条 新 闻 都 
必须 从 一 级 页 面 或 一 级 页 面 再 次 点 击 进去 )。 

为 什么 不 要 发 统一 的 标题 呢 ? 说 个 最 简单 的 例子 吧 。 打 开 网 站 新 闻 页 ， 或 许 每 个 站 点 上 
都 有 同样 标题 的 新 闻 ， 你 在 这 个 站 点 上 不 愿意 去 看 ， 自 然 下 一 个 站 点 你 也 不 会 打开 ， 这 是 很 
正常 的 阅读 心理 ， 那 么 你 的 新 闻 就 算 登 上 了 各 大 网 站 ， 如 果 读 者 不 想 读 ， 一 样 不 会 读 。 怎 么 
解决 这 个 问题 呢 ? 最 简单 的 办 法 就 是 标题 不 同 。 

根据 每 个 网 站 的 不 同 特点 ， 拟 定 不 同 的 标题 ， 这 样 就 有 了 完全 不 同 的 效果 。 比 如 ， 长 虹 
出 品 等 离子 液晶 显示 屏 ， 邀 请 奥运 女孩 林妙可 做 代言 人 。 在 新 浪 科 技 上 的 标题 可 为 《国内 首 
个 等 离子 生产 线 落户 长 虹 》、 搜 狐 娱 乐 上 则 是 《林妙可 靠 等 离子 保护 眼睛 》、 网 易 科 技 又 可 
以 为 《长 虹 等 离子 技 压 国外 电视 》， 人 民 网 的 读者 比较 偏重 于 对 国事 关心 之 人 ， 可 以 让 标题 
变 得 正规 一 些 ， 比 如 《中 国 首 条 等 离子 生产 线 投放 生产 纪实 》…… 根据 每 个 媒体 每 个 频道 投 
放 的 不 同 特点 ， 重 新 拟 题 ， 读 者 东边 不 看 ， 到 了 西边 或 许 就 会 点 击 了 ， 而 且 还 可 以 深度 开发 
科技 读者 和 娱乐 读者 ， 乃 至 更 多 读者 群落 。 网 络 新 闻 的 受众 群体 在 很 大 程度 上 比较 分 散 ， 喜 
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欢 娱乐 的 未 必 喜 欢 科 技 ， 也 不 会 去 看 科技 ， 所 以 就 看 你 如 何 开发 利用 了 。 

当然 ， 一 切 都 必须 从 源头 做 起 ， 怎 么 写 好 能 够 吸引 人 去 阅读 的 标题 呢 ? 其 实 并 不 复杂 。 

2.， 标 题 长 度 适当 

网 络 新 闻 的 标题 不 同 于 报纸 标题 ， 报 纸 标题 因为 版 面 的 原因 ， 可 长 可 短 ， 有 的 标题 甚至 
于 有 一 百 多 字 ， 再 加 上 有 引 题 、 正 题 和 副题 的 区 别 ， 其 标题 写作 的 宽容 度 其 实 很 大 。 而 网 络 
新 闻 则 不 同 ， 它 对 标题 有 严格 的 字数 限制 。 因 为 网 页 版 面 的 整体 布局 是 相对 固定 的 ， 标 题字 
数 受 到 行 宽 的 限制 ， 既 不 宣 折 行 ， 也 不 宣 空 半 行 。 简 单 地 说 ， 就 是 一 个 单行 标题 。 在 标题 板 


块 中 ， 各 题 长 短 以 接近 一 致 为 宜 。 一 般 而 言 ， 网 络 新 闻 标 题字 数 以 16~20 个 字 为 宜 ， 且 最 好 
NN 能 以 空白 或 标点 分 开 ， 并 控制 为 7~10 个 字 组 成 的 一 段 文 字 。 


在 制作 标题 时 要 特别 留意 ， 不 要 太 短 ， 也 不 要 太 长 ， 一 定 要 按照 规矩 来 制作 。 哪 怕 是 你 
想到 了 一 个 惊 世 好 题目 ， 也 要 遵循 这 个 规矩 。 原 因 很 简单 ， 你 的 标题 全 部 被 放置 在 页 面 上 以 
后 ， 你 会 发 现 ， 要 是 太 短 ， 整 个 版 面 不 协调 ;要 是 太 长 ， 版 面 上 发 布 时 放 不 下 ， 结 果 要 表达 
的 意思 就 不 能 被 网 民 看 见 。 

针对 不 同 网 站 进行 调查 研究 ， 进 行 一 次 分 众 传播 ， 针 对 你 要 发 布 新 闻 的 核心 站 点 ， 多 观 
察 对 方 网 站 新 闻 标 题 的 长 度 ， 比 如 新 浪 游戏 频道 的 焦点 新 闻 ， 比 较 偏好 于 10~12 个 字 ， 那 
么 ， 就 要 将 你 发 给 对 方 的 新 闻 标 题 设 定 在 这 个 范围 之 内 ， 而 腾讯 游戏 频道 的 焦点 新 闻 则 喜好 
16~20 字 ， 同 样 如 此 去 设计 。 这 样 做 ， 可 以 节省 编辑 的 时 间 ， 让 他 更 好 地 推荐 你 发 来 的 新 
闻 ， 同 时 ， 也 能 让 你 最 终 发 布 在 网 上 的 新 闻 标 题 能 够 最 深刻 地 贴近 你 的 意图 。 


3， 标 题 要 务实 


报纸 的 新 闻 标题 有 虚 、 实 之 分 ， 实 题 要 交代 新 闻 要 素 ， 虚 题 可 以 是 议论 或 警句 等 。 报 纸 
新 闻 最 大 的 特点 是 题 文 一 体 ， 即 使 是 虚 题 ， 只 要 看 一 眼 导语 ， 新 闻 中 的 主要 事实 也 就 清楚 
了 。 而 网 络 媒体 不 行 ， 虚 题 往 往 使 读者 不 得 要 领 ， 也 就 影响 了 “点 击 率 ”。 因 此 ， 网 络 新 闻 
标题 一 定 要 抓 住 新 闻 事实 中 的 一 个 或 几 个 新 闻 要 素 ， 通 过 恰当 组 合 ， 抓 住 “ 新 闻 眼 ”， 吸 引 


受众 点 击 。 
应 当 用 最 简洁 的 文字 将 新 闻 中 最 有 价值 、 最 生动 的 内 容 提 示 给 网 民 。 主 要 有 以 下 几 点 。 
第 一 点 : 实 题 明 义 。 


比如 ， 对 于 “联想 ThinkPad 系列 将 首 用 AMD 处 理 器 ”这 个 标题 ， 很 明显 ， 你 一 看 标题 
就 知道 文章 中 的 内 容 ， 这 则 新 闻 本 身 很 简短 ， 就 是 告诉 人 们 这 款 笔记 本 将 第 一 次 使 用 AMD 
处 理 器 。 就 算 读者 不 去 点 击 这 个 新 闻 ， 对 联想 而 言 ， 它 所 要 告诉 读者 的 信息 也 已 经 说 得 差 不 
多 了 ， 如 图 13-29 所 示 。 

第 二 点 : 尽量 使 用 主动 句 式 。 

这 一 模式 主要 是 要 求 你 主动 地 揭 开 你 要 传达 的 信息 的 盖子 ， 不 能 藏 着 掖 着 。 比 如 有 的 标 
题 乍 一 看 很 炉 目 “你 也 可 以 变 成 强壮 男人 ”， 看 似 很 有 吸引 力 ， 但 太 类 似 于 广告 ， 别 人 一 看 
就 觉得 是 药品 广告 而 放弃 点 击 。 

第 三 点 : 语句 以 主 谓 结构 为 主 。 

例如 ， 标 题 “Android 不 是 Ophone 的 唯一 选择 ”， 很 标准 的 语句 ， 主 谓 鲜明 ， 而 不 像 某 
些 人 制作 的 标题 ， 看 不 懂 ， 以 为 是 火星 语 ， 比 如 “购买 寂寞 的 几 个 本 子 ”。 
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联想 ThinkPad 系 列 将 首 用 AD 处 理 器 
http:jwww sina.comcn 2010 年 01 月 04 日 10.58 新 混 科 技 
新 浪 科 技 讯 北京 时 间 i 月 4 日 上 午 消息 ， 据 习 外 媒体 报道 ， 联 想 新 推出 ThinkPad Edge 系 
列 插 首次 采用 Am 处 理 器 ， 以 降低 成 本 - 
新 款 Thinkpad Edee 系 列 设计 更 加 光 清 国 疯 ， 儿 入 更 加 简单 化 ， 按 泗 稍 大 ， 预 半 推 出 三 种 
尺 十 和 三 个 色 系 的 产品 ， 关 以 54e 美 元 的 单价 在 美国 试销 ，ThirkPai8 门 经 理 查 尔 扬 " 天 内 
(Charles Sune) 表示，Edee 系 列 产品 针对 中 小 企业 开发 设计 ， 以 独特 的 设计 和 美丽 的 外 观 见 
长 。 这 一 消息 发 布 在 本 周 困 笠 开幕 的 拉 斯 维 加 其 CES 大 展 之 前 
据 市 场 研究 和 分 析 公司 IDc 表 囊 ，7-3 月 ， 联 想 PC 发 货 重 环比 增长 19x。 提 该 公司 表示 司 期 
销售 收入 只 有 41 亿 美元 ， 环 比 下 降 5%。 
自 1992 年 IB 时 信 册 ThinkPad 系 列 笔记 本 以 来 ， 其 一 直 被 誉 为 笔记 本 设计 的 领跑 者 ， 目 前 已 
售 出 作 3 千 万 台 。 THM 于 2006 年 将 其 Pc 业务 出 售 阅 联想 
联想 声称 ， 芋 inkpad 产 品 采 月 AID Heo 芯片 格 有 助 于 降低 成 本 ， 增 强 产 品 价格 优势 ,但 部 
分 Thinkpad 产 品 会 依然 保留 采用 英特尔 处 理 器 . 
联想 还 来 示 ， 将 专 为 商业 人 士 推出 一 款 新 型 入 门 级 ThinkPad 产 品 XL00e， 采 用 全 汝 盘 设 


计 ， 重 量 不 足 1. 36 公 斤 ， 将 以 449 美 元 的 价格 销 堵 。 贡 办 表示 这 一 举措 将 “ 浆 补 上 网 本 与 笔记 
本 | 则 的 产品 空白 ”。( 木 木 ) 


13-29 ”联想 的 新 闻 标 题 


第 四 点 : 强调 动感 ， 力 求 动态 地 揭示 新 闻 。 


比如 这 样 一 个 标题 “诺基亚 CEO 表达 很 后 悔 选择 错误 ”， 
“Android 手机 价格 急速 下 降 诺基亚 CEO 表达 悔 意 ”这 个 标题 是 同一 则 新 闻 ， 
从 这 则 新 闻 中 提炼 出 来 的 新 闻 标题 不 一 样 ， 对 于 读者 来 说 影响 力也 不 一 样 。 
， 一 看 标题 ， 读 者 就 会 明白 诺基亚 CEO 为 什么 后 悔 。 哪 怕 不 点 击 ， 也 会 在 脑海 
里 留 下 一 定 的 印象 ， 如 图 13-30 所 示 。 


Android 手 机 价格 急速 下 降 诺基亚 CE0 表 达 悔 意 


正文 。 我 来 说 两 甸 (344 人 参与 ) 


6 力 ; 反之 ， 


Et 


格 急速 下 降 ” 


2012 年 07 月 02 日 06 :56 。 作者 ; cnBete 


随 着 i05 平 台 和 Android 平 台 的 兴起 ， 众 多 老牌 手机 巨人 的 日 子 都 变 得 不 太 好 过 。 芥 兰 手机 巨头 诺基亚 
的 境况 可 谓 是 风雨 肤 摇 ， 赛 班 系统 早已 没落 ， 而 其 耻 注 一 撞 的 系统 也 前 途 未 卜 。 近日， 诺基亚 ceo 对 公 
司 近 期 所 侯 的 决定 表示 遗憾 和 后 悔 。 
美国 市 场 研究 机 构 Asyaco 的 分 析 师 Horace Dediu 称 ， 诺 基 亚 首席 执行 言 Stephen Elop 近 日 在 接受 媒体 
访 同 时 曾经 表示 ， 如 果 有 机 会 的 话 ， 他 会 改变 之 前 的 很 多 决定 . 


Stephen Elop 表 示 ， “在 过 去 的 一 年 半 时 间 里 ， 如 果 我 们 能 预料 到 市 场 的 变化 是 如 此 迅速 ， 我 们 所 做 
的 事情 将 会 有 很 大 不 同 。 安 卓 手 机 的 价格 在 中 国 市 场 急速 下 降 ， 出 手 我 们 的 意料 。 市 场 变幻 如 此 快速 ， 使 
得 诺基亚 的 情况 在 短期 内 变 得 更 加 粳 烂 ， 但 是 我 们 将 会 继续 改 艾 我 们 的 策略 。 未 来 是 难 , 滩 预测 的 ， 情 况 非 


13-30 ”动态 新 闻 


第 五 点 : 尽量 避免 疑问 句 式 。 
有 很 多 人 写 新 闻 标题 时 ， 特 别 喜 欢 用 疑问 式 的 口吻 ， 这 种 模式 不 是 不 能 用 ， 一 定 要 用 得 


恰到好处 ， 


局 打 印 | 固守 号 


让 人 一 看 就 没有 兴趣 ， 没 有 冲 


“Android 手机 价 


一 般 初 学 者 很 难 驾驭 。 在 写作 新 闻 标 题 的 最 初 阶段 ， 其 实 还 是 要 尽量 避免 疑问 句 


式 ， 因 为 你 的 疑问 名 如果 做 得 不 太 好 ， 反 而 会 弄 巧 成 抄 ， 给 自己 的 品牌 添加 负面 效果 ， 比 如 


这 样 的 标题 “凡客诚 品 为 何 食 言 而 肥 卖 内 衣 ? ”， 
出 什么 问题 了 ， 


别人 没 看 内 容 ， 还 以 为 凡客诚 品 这 个 企业 
是 个 负面 报道 ， 而 实际 上 ， 内 容 是 说 凡客诚 品 要 开拓 新 的 蓝海 ， 打 破 过 


i 好 el 小 


A 


‘151@ 
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Dreamweaver+PHP+MySQL 动 态 网 站 开发 
案例 课堂 四 一 


去 自己 一 贯 坚持 的 以 男士 衬衣 为 主 的 生产 销售 模式 ， 在 内 衣 市 场 上 深度 发 力 。 


第 六 点 : 由 内 容 决 定 标题 。 
网 络 新 闻 标题 也 不 要 过 实 、 过 细 ， 让 浏览 者 失去 继续 阅 


读 的 兴趣 ， 这 是 基本 原则 。 总 体 


来 说 ， 就 是 让 浏览 者 一 眼看 上 去 ， 就 知道 要 说 明 什 么 ， 要 介绍 什么 ， 要 传递 什么 ， 如 图 13-31 


所 示 。 


《生化 危机 : 浣熊 市 行动 》 新 角色 曝光 


来 源 ; 游 使 同 
2012 年 07 月 03 日 08:00 手机 看 新 闻 


打印 网 靖 记 洁 ”再 城 。 分 享 推荐 ”国人 民 当 但 国 离 匡 。 于 四 加 


除 此 之 外 ， 有 数 张 照片 出 自 于 新 的 恐怖 求生 电视 游戏 。 在 欣赏 人 物 模型 的 同时 ， 你 


也 可 以 去 亚 马 进 网 站 上 关注 预 售 的 消息 。 
新 人 物 欣赏 ， 


图 13-31 内 容 决定 标题 


这 是 人 民 网 游戏 频道 有 关 网 游 的 新 闻 的 一 个 截图 ， 从 这 
本 上 都 是 厂商 新 闻 稿 ， 一 看 标题 ， 确 实 实在 ， 可 就 是 没有 多 
者 的 浏览 兴趣 打击 没 了 ， 毕 竞 全 部 都 是 产品 信息 介绍 。 

4. 善于 争夺 眼球 


网 络 新 闻 字体 板式 都 是 整齐 划一 的 ， 要 想像 平常 报纸 那 
题 来 吸引 读者 ， 几 乎 不 再 可 能 。 一 整 版 的 标题 有 几 百 个 ， 如 
呢 ? 掌握 了 前 面 介绍 的 语法 规范 ， 现 在 看 看 具体 应 该 在 标题 

(1) 点 出 新 闻 中 新 奇 、 有 趣 的 事实 

这 一 点 很 明显 ， 对 人 们 来 说 ， 时 间 都 是 很 宝贵 的 ， 如 果 
生 不 了 后 继 的 点 击 ， 内 容 中 的 广告 营销 就 无 法 传递 出 去 ， 在 
实 是 非常 必要 的 。 

(2) 披露 出 读者 熟悉 却 并 不 详 徊 的 事件 细节 或 内 幕 

这 其 实 类 似 于 揭 谜 性 质 的 新 闻 ， 可 以 作为 一 种 拓展 来 阅 


个 截图 上 不 难看 出 ， 这 些 新 闻 基 
大 的 吸引 力 ， 因 为 标题 已 经 把 读 


样 ， 依 靠 醒目 的 字体 或 特大 号 标 
何 让 浏览 者 立刻 注意 到 你 的 标题 
有 突出 什么 ， 让 标题 够 醒目 吧 。 


标题 没有 吸引 网 民 的 眼球 ， 就 产 
标题 中 点 出 新 闻 中 新 奇 有 趣 的 事 


读 。 比 如 ，“ 详 讯 : 苏宁 电器 收 


购 镭射 电器 正式 进入 香港 (图 )”， 这 个 标题 表面 上 看 起 来 很 像 先前 介绍 的 那 种 一 看 标题 就 知道 


内 容 的 新 闻 ， 确 实 也 是 如 此 ， 看 了 标题 ， 你 会 对 文章 内 容 有 


个 大 体 了 解 ， 不 过 ， 这 则 新 闻 有 


两 个 特点 ， 一 是 进口 新 闻 事 件 的 最 新 进展 ， 它 显示 了 苏宁 电器 收购 镭射 电器 之 后 的 进一步 动 
向 和 深度 挖掘 ， 二 是 它 表 现 出 了 内 幕 式 的 特点 。 写 作者 很 巧妙 地 用 了 两 个 字 ， 让 感 兴趣 的 读 
者 很 自然 地 去 点 击 ， 而 不 是 只 看 标题 ， 那 就 是 “ 详 讯 ”， 因 为 是 详 讯 ， 所 以 绝对 不 会 只 是 几 


惠 政策 。 这 些 都 是 消费 者 希望 了 解 的 。 从 而 对 先前 通过 简讯 的 方式 发 布 的 苏宁 电视 进入 中 国 
香港 这 则 消息 ， 在 读者 熟悉 之 后 ， 进 一 步 进行 了 诠释 。 

(3) 尽量 形象 生动 ， 多 选用 动词 ， 使 标题 富有 动感 

可 以 使 用 拟人 、 对 比 、 设 问 等 修饰 方法 ， 增 强 标题 的 吸引 力 ， 很 多 标题 都 在 全 力 以 赴 地 
发 挥 这 一 点 。 如 热点 新 闻 中 ， 有 诸如 “ 尽 收 眼底 ”、“ 工 薪 阶 层 最 爱 ”、“ 绝 对 不 能 错过 ” 
之 类 的 词汇 ， 从 而 让 读者 被 标题 吸引 的 可 能 性 进一步 加 强 。 


5， 不 做 “标题 党 ” 


很 多 人 认为 网 络 新 闻 应 该 是 “标题 党 ”， 越 是 诱惑 性 强 就 越 好 ， 很 多 人 也 是 如 此 去 做 
的 ， 因 为 看 起 来 ， 很 卖弄 、 很 夸张 的 东西 往往 能 够 吸引 人 去 点 击 ， 也 确实 不 乏 成 功 的 案例 。 
这 一 点 在 论坛 、 博 客 这 类 个 性 化 的 营销 推广 方式 中 可 以 有 生存 的 土壤 ， 但 是 ， 在 网 络 新 闻 
中 ， 随 着 监管 越 来 越 严 格 ， 能 免 则 免 ， 毕 竟 网 络 新 闻 脱 胎 于 传统 新 闻 ， 尽 管 相对 来 说 没有 那 
么 严谨 ， 但 依旧 要 注意 严肃 性 ， 特 别 是 对 企业 来 说 ， 通 过 网 络 新 闻 ， 要 塑造 的 是 品牌 形象 
而 不 是 毁 掉 它 。 

尽 夺 张 媚俗 。 一 是 不 要 使 用 卖弄 的 、 硅 张 的 、 过 分 泻 染 的 词汇 制作 标题 ， 因 为 在 快速 阅 
读 中 ， 这 类 标题 难以 让 读者 准确 地 了 解 新 闻 的 真实 内 容 ， 甚 至 会 让 读者 不 得 其 解 。 二 是 不 要 
使 用 隐喻 、 暗 喻 、 比 喻 在 标题 中 “标新立异 ”， 因 为 这 样 的 标题 可 能 会 造成 读者 理解 上 的 障 
碍 ， 甚 至 误导 读者 。 

下 面 的 例子 是 “标题 党 ”的 典型 做 法 。 

e 嫦娥 奔 月 : 铸 成 大 错 的 逃亡 爱 麦 啊 ， 射 击 冠军 的 丈夫 等 你 悔悟 归来 

e@ 牛郎织女: 苦命 村 娃 高 干 女 一 一 一 段 被 狠心 岳母 拆散 的 惊 世 恋情 

e@ ”西游 记 : 浪子 回头 ， 善 良 的 师父 指引 我 重 返 西 天 求学 之 路 

@ 红楼梦: 包办 婚姻 ， 一 场 家 破 人 亡 的 人 间 惨 剧 

e@ ”机 器 猫 ， 只 愿 此 生 不 再 让 你 活 江 ， 让 我 穿越 时 空 来 拯救 你 

这 样 的 标题 或 许 会 引起 读者 点 击 ， 但 在 网 络 新 闻 里 行 不 通 ， 读 者 一 看 内 容 ， 发 现 文 不 对 
题 ， 就 会 兴致 索然 。 特 别 是 对 想 要 进行 营销 的 企业 来 说 ，“ 标 题 党 ”会 导致 自己 的 品牌 形象 
受 损 ， 越 是 “标题 党 ”， 越 吸引 了 读者 去 点 击 阅 读 ， 对 品牌 的 形象 损害 就 越 大 。 

最 为 有 名 的 网 络 新 闻 标 题 党 是 2008 年 年 末 的 网 瘾 精神 病 事件 。 这 是 北京 某 医院 专家 论证 
出 来 的 结果 ， 其 背后 其 实 是 带 有 治疗 网 冶 的 营利 性 质 ， 为 了 能 够 更 好 地 扩大 收治 网 疗 的 人 
群 ， 某 专家 经 多 部 门 论证 ， 以 该 医院 名 义 发 布 了 所 谓 网 瘾 精神 病 的 《网 络 成 瘾 临床 诊断 标 
准 》， 然 后 模糊 掉 网 瘾 精神 病 并 不 等 于 神经 病 的 概念 ， 结 果 和 与 论 哗然 。 网 络 新 闻 发 布 和 转载 
量 极 高 ， 曝 光度 也 高 得 吓人 。 但 当 事 实 一 揭穿 ， 过 度 的 “标题 党 ”和 内 容 完全 不 符合 ， 这 种 
混淆 概念 的 方式 非但 没有 给 医院 带 来 多 大 的 利润 ， 反 而 让 医院 臭名 上 昭著， 宣传 的 效果 适 得 其 
反 ， 如 图 13-32 所 示 。 
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《网 络 成 冶 临 床 诊断 标准 》 通 过 专家 论证 
httpJjwww.sina.com.cn 2008 年 11 月 08 日 18:41 新 华 网 
新 华 网 北京 11 月 8 日 电 史学 雪 、 王 经 国 、 庄 海 红 ) 由 北京 军区 总 医院 制订 的 我 国 首 个 《网 
络 成 交 临 床 诊断 标准 》8 日 在 京 通过 专家 论证 。 这 一 标准 的 通过 结束 了 我 国医 学 界 长 期 以 来 无 
科学 规范 网 络 成 六 诊 断 标 准 的 历史 ， 为 今后 临床 医学 在 网 络 成 竭 的 预防 、 诊 断 、 泊 疗 及 进 一 
步 研究 提供 了 依据 。 


北京 军区 总 医院 医学 成 着 科 主任 陶然 介绍 说 ， 网 络 成 着 是 指 个 体 反复 过 度 使 用 网 络 导致 
的 一 种 精神 行为 障碍 ， 其 后 果 可 导致 性 格 内 向 、 自 皇 、 与 家 人 对 抗 及 其 他 精神 心理 问题 ， 出 
现 心境 障碍 ， 部 分 患者 还 会 导致 社 交 怒 惧 症 等 。 据 一 项 调查 报告 显示 ， 我 国 13 岁 至 17 岁 的 青 
少年 在 网 民 中 网 疗 比 例 景 高 ， 大 学 生 网 络 成 辣 率 达到 9 六 上 。 


为 了 更 好 地 帮助 网 络 成 奈 患 者 告别 网 证、 健康 回归 社会 ，2005 年 3 月 ， 北 京 军区 总 医院 开 
展 了 青少年 网 络 成 辣 的 集中 住院 治疗 ， 并 于 2006 年 3 月 创办 了 国内 第 一 家 网 络 成 辣 诊 疗 基地 一 
一 “北京 军区 总 医院 青少年 心理 成 长 基地 ”。 


经 过 几 年 的 临床 实践 及 研究 ， 这 个 基地 在 来 自 全 国 的 3000 多 例 网 络 成 疣 患者 的 临床 资料 
中 ， 抽 取 1300 余 例 具 有 代表 性 的 样本 进行 临床 跟踪 研究 ， 制 订 了 《网 络 成 瘾 临床 诊断 标 
惟 》。 标 准 详细 界定 了 网 络 成 关 的 “症状 ”、“ 病 程 ”及 “严重 程度 ”， 被 国内 外 专家 认为 
领先 国际 水 平 ， 是 目前 网 络 成 凑 临 床 诊断 权威 的 诊断 标准 。 


13-32 ”关于 医院 的 标题 党 


如 果 你 看 到 “张曼玉 突然 暴 瘦 自 言 最 爱 梁 朝 伟 ” 这 样 的 标题 ， 你 会 想到 什么 呢 ? 点 开 正 
文才 发 现 ， 访 谈 内 容 是 这 样 的 : “最 默契 的 措 档 是 谁 ? 张曼玉 毫 不 避嫌 ， 也 毫 不 犹 静 就 脱口 


而 出 : 梁朝伟 。” 一 一 “最 爱 梁朝伟 ”原来 是 “最 愿意 与 梁朝伟 合作 ”。 显 然 ， 这 条 娱乐 新 
闻 的 标题 忽悠 了 读者 ， 如 图 13-33 所 示 。 
张曼玉 突然 暴 瘦 自 言 最 爱 梁 朝 伟 
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无 数 影 术 心中 的 “美丽 女神 ”张曼玉 如 今 大 有 “神龙 见 首 不 见 尾 ” 的 架势 ， 一 直 处 于 
“ 半 隐 退 ” 的 状态 ， 只 偶而 惊 鸿 一 现 。1 月 5 日 晓 ， 京 郊 顺 义 一 座 会 所 内 ， 身 穿 一 赣 红 裙 ， 肢 
由 一 双 黑 炸 的 她 ， 央 然 亮相 . 


当 所 有 沧桑 蜡 变 成 被 时 光 了 雕刻 之 后 的 美丽 ， 张 曼 玉 似乎 已 经 成 为 “完美 女性 ”的 代 名 
词 。 但 近 些 年 ， 她 却 一 直 琉 于 打 理 自己 的 演艺 事业 ， 很 长 时 间 没有 新 作品 问世 ， 和 好 同时 代 
的 女 星 关之琳 、 刘 嘉 玲 等 人 ， 似 乎 也 沦 为 同样 的 命运 。 除 了 从 商家 手中 金 些 代言 费 、 出 场 
偶 ， 我 们 已 经 很 难 在 银幕 之 上 欣赏 到 她 们 的 绝世 风采 。 


当晚 的 现场 ， 曾 黎 、 许 还 幻 等 女 星 也 有 到 场 助阵 ， 到 了 上 人 台 合 影 环 节 ， 这 些 女 星 也 成 了 
张曼玉 的 “追星 族 ”， 站 在 她 的 身 侧 ， 一 直 条 密 的 说 个 不 停 ， 主 持 人 索 媚 不 得 不 几 次 “ 催 
请 ”， 场 面 一 时 颇 为 热闹、 也 颇 为 温 琴 . 


刚 一 亮相 ， 张 曼 玉 便 对 现场 的 媒体 说 ，“ 景 近 一 直 在 学 新 东西 。” 张 曼 玉 表示 ， 自 己 意 
识 到 电脑 对 世界 将 产生 巨大 改变 后 ， 便 一 直 在 法 心 研究 ， 从 图 片 处 理 软件 到 电影 的 后 期 制 
作 ， 她 部 有 涉及 ， 莫 非 ， 她 准备 朝 幕 后 发 展 ? 


13-33 ”关于 名 人 的 标题 党 


远离 “标题 党 ”是 未 来 网 络 新 闻 的 一 个 趋势 。 随 着 行业 自律 水 平 的 提高 ， 靠 煽情 的 标题 
来 吸引 读者 将 越 来 越 没 有 市 场 。 
不 是 说 网 络 新 闻 站 点 不 做 标题 党 ， 而 是 真正 被 监管 起 来 ， 做 “标题 党 ”所 面临 的 处 罚 也 
会 很 大 。 如 果 你 投 送 一 个 “标题 党 ”新 闻 给 网 站 ， 编 辑 一 看 标题 ， 就 因为 是 “标题 党 ”而 否 
决 了 你 的 稿子 ， 这 岂 不 是 很 冤枉 呢 。 所 以 珍惜 品牌 ， 远 离 “ 标 题 党 ”是 必要 的 。 
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6 突出 重点 新 闻 要 素 


做 网 络 新 闻 必 须 以 文字 和 图 片 为 主 原 则 。 美 国 斯 坦 福 大 学 和 佛罗里达 大 学 波 伊 特 中 心 的 
一 项 研究 表明 ， 网 络 读者 首先 看 的 是 文本 。 整 个 测试 的 结果 是 ， 新 闻 提要 的 注目 率 是 82%， 
文章 本 身 是 92%。 网 页 上 出 现 的 图 片 有 64% 受 到 注意 。 

热点 动态 是 专题 的 生命 力 : 如 新 浪 在 2009 年 1 月 4 日 “全 国 大 部 遭遇 寒潮 袭击 ”的 专题 
制作 ， 基 本 上 体现 了 这 一 研究 成 果 。 专 题 将 最 重要 的 动态 新 闻 消息 和 重要 图 片 放 在 版 面 的 最 
上 部 ， 充 分 吸引 了 受众 的 注意 力 。 视 频 和 Flash 是 动态 的 、 转 瞬 即 逝 的 ， 对 网 络 新 闻 的 受众 来 
说 ， 虽 然 他 们 不 太 喜 欢 读 长 篇 大 论 ， 但 还 是 希望 通过 将 新 闻 组 合 在 一 起 ， 引 发 自己 对 社会 、 
对 生活 、 对 现状 更 多 的 思考 ， 文 字 报道 依然 是 引导 受众 思考 的 主角 ， 视 频 和 Flash 只 是 对 文字 
和 图 片 新 闻 的 补充 和 装饰 。 
因此 ， 在 标题 很 不 错 的 前 提 下 ， 做 好 网 络 新 闻 的 正文 部 分 ， 将 是 另 一 番 天 地 。 

短小 精 悍 : 网 络 新 闻 的 体例 与 传统 新 闻 并 无 二 致 ， 它 们 都 是 由 消息 、 通 信和 深度 报道 组 

成 的 ， 只 是 相对 于 网 络 这 一 快餐 结构 来 说 ， 要 想 一 次 弄 一 个 超 长 的 文本 ， 为 你 的 品牌 做 一 次 
全 面 新 闻 营销 的 话 ， 可 能 会 费力 不 讨好 。 原 因 很 简单 ， 上 网 看 新 闻 的 人 ， 很 少 有 人 会 去 阅读 
超过 1500 字 的 文章 。 

如 果 你 的 信息 确实 很 需要 用 长 篇 大 论 来 完成 ， 也 不 是 不 可 以 ， 应 将 它 分 割 成 几 大 部 分 
做 成 一 个 新 闻 专 题 ， 然 后 ， 以 几 个 不 同 的 小 标题 来 纽 结 它 ， 如 图 13-34 所 示 。 
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图 13-34 分割 为 多 个 小 标题 


像 中 移动 G3 发 布 这 样 的 大 新 闻 ， 确 实 仅 靠 一 篇 干 字 左右 的 消息 无 法 承载 ， 可 以 切割 成 
块 ， 如 同 报纸 上 几 个 版 面 组 成 一 个 专题 一 样 ， 用 若干 个 篇 幅 组 成 ， 再 辅 之 以 视频 、 图 片 和 各 
种 相关 信息 ， 从 而 形成 一 个 供 读者 按照 个 人 兴趣 选择 的 自由 专题 页 面 。 

在 单 篇 新 闻 之 后 加 入 超 链 接 ， 作 为 拓展 阅读 ， 这 样 ， 就 可 以 让 读者 更 加 全 面 地 进行 选 
择 。 可 以 说 ， 用 超 链接 就 可 以 对 一 些 重要 的 人 物 、 事 件 、 背 景 或 概念 进行 扩展 。 既 可 以 用 注 
释 的 方式 出 现 ， 也 可 以 直接 链接 到 相关 网 页 。 这 有 助 于 读者 接触 新 闻 深 层 背 景 ， 来 获得 丰富 的 
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相关 信息 。 

当然 ， 这 种 模式 非 重大 新 闻 不 用 ， 而 且 使 用 专题 的 决定 权 也 不 在 写作 者 ， 而 在 于 网 站 的 
新 闻 编辑 ， 任 何 个 人 至 多 提供 信息 和 资料 ， 而 且 除 了 类 似 中 移动 这 样 的 500 强 企业 ， 中 小 企 
业 和 个 人 几乎 没有 机 会 使 用 这 类 模式 。 
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